CocosCreator Label如何加粗?

虽然可以在RichText中使用加粗标签来让文本加粗,但是RichText太多会降低游戏性能,所以找到一种可以使用Label加粗的方法,

const { ccclass, property, menu} = cc._decorator;

@ccclass
@menu('添加渲染组件/BoldLabel')
export default class BoldLabel extends cc.Label{
    @property(cc.Boolean)
    private _bold:boolean=false;
    @property({Type:cc.Boolean})
    public set bold(value:boolean){
        this._bold=value;
        this["_sgNode"].enableBold(value);
    }
    public get bold(){
        return this._bold;
    }

    public start(){
        this["_sgNode"].enableBold(this.bold);//this.bold=true则加粗
    }
}

继承cc.Label脚本,给Label加一个加粗的属性。注意:加粗后我们运行网页,会发现网页上的字体有位移,我大概测了一下,位移距离大概是3个像素。所以我们要在脚本中将这3个像素减掉。

export default class BoldLabel extends cc.Label{
    ...
    public start(){
        this["_sgNode"].enableBold(this.bold);//this.bold=true则加粗
        if(!CC_EDITOR){//如果不是在编辑器环境中
            this.node.y-=3;
        }
    }
}

放在start里面,还要判断是不是编辑器状态,不然可能start会在编辑器环境中将y的值改掉。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一些常见的Cocos Creator面试题: 1. 什么是Cocos CreatorCocos Creator是一个基于JavaScript、TypeScript和HTML5技术的2D游戏开发引擎,它提供了一个可视化的编辑器,让开发者能够快速创建游戏。 2. Cocos Creator有哪些基本的组件?Cocos Creator的基本组件包括Sprite、Label、Button、ScrollView、Layout、ProgressBar等。 3. Cocos Creator中的场景是什么?场景是Cocos Creator中最基本的组织单位,每个场景都是一个独立的游戏场景,包含了游戏中所有的元素。 4. Cocos Creator中的节点是什么?节点是Cocos Creator中的最基本的组成单位,它可以包含其他节点或组件,并且可以进行层级关系的管理。 5. Cocos Creator中如何实现动画?Cocos Creator提供了Animation组件,可以通过在编辑器中制作动画来实现。 6. Cocos Creator中如何实现物理引擎?Cocos Creator提供了Physics组件,可以通过添加组件并设置相关参数来实现物理引擎效果。 7. Cocos Creator中如何实现碰撞检测?Cocos Creator提供了Collision组件,可以通过添加组件并设置相关参数来实现碰撞检测。 8. Cocos Creator中如何实现网络通信?Cocos Creator提供了WebSocket和HTTP请求等API,可以通过调用这些API来实现网络通信。 9. Cocos Creator中如何实现音效和音乐?Cocos Creator提供了Audio组件,可以通过添加组件并设置相关参数来实现音效和音乐。 10. Cocos Creator中如何优化游戏性能?可以通过减少节点数量、合并纹理、使用对象池等方式来优化游戏性能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值