Cocos2d-html5之TintTo&TintBy

Cocos2d-html5测试用版本：2.2.1。

TintTo：将 cc.Node 对象的色调变化到某一值。

TintBy：将 cc.Node 对象的色调变化某值。

使用cc.TintTo.create(duration,deltaRed,deltaGreen,deltaBlue)和cc.TintBy.create(duration,deltaBlue)来创建动作。

duration: 运动周期，单位为s。
deltaRed: 红色
deltaGreen: 绿色
deltaBlue: 蓝色

请看下列代码：

var GameScene = cc.Scene.extend({
    enemy1: null,// 敌人1
    enemy2: null,// 敌人2
    enemy3:null,// 敌人3
    layer: null,// 布景
    winSize: null,// 游戏运行窗口尺寸
    onEnter: function () {
        this._super();
        this.initData();
    },initData: function () {
        
        // 获取尺寸
        this.winSize = cc.Director.getInstance().getWinSize();
        // 添加布景
        this.layer = cc.LayerColor.create(cc.c4(200,200,255),this.winSize.width,this.winSize.height);
        this.addChild(this.layer);
        // 创建动作
        var actionTo = cc.TintTo.create(2,0);
        var actionBy = cc.TintBy.create(2,100,0);
        var actionByBack = actionBy.reverse();
        // 添加敌人1
        this.enemy1 = cc.Sprite.create(s_enemy_1);
        this.enemy1.setPosition(cc.p(300,300));
        this.layer.addChild(this.enemy1);
        this.enemy1.runAction(actionTo);
        // 添加敌人2
        this.enemy2 = cc.Sprite.create(s_enemy_2);
        this.enemy2.setPosition(cc.p(100,100));
        this.layer.addChild(this.enemy2);
        this.enemy2.runAction(cc.Sequence.create(actionBy,actionByBack));
        // 添加敌人3
        this.enemy3 = cc.Sprite.create(s_enemy_3);
        this.enemy3.setPosition(cc.p(200,200));
        this.layer.addChild(this.enemy3);
        this.enemy3.runAction(cc.TintBy.create(2,-200,-200));
    }
});

以下是运行结果截图：

Cocos2d-html5之TintTo&TintBy

猜你在找的Cocos2d-x相关文章