Cocos2d-html5之TintTo&TintBy

Cocos2d-html5之TintTo&TintBy,第1张

概述Cocos2d-html5测试用版本:2.2.1。 TintTo:将 cc.Node 对象的色调变化到某一值。 TintBy:将 cc.Node 对象的色调变化某值。 使用cc.TintTo.create(duration, deltaRed, deltaGreen, deltaBlue)和cc.TintBy.create(duration, deltaRed, deltaGreen, delta

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-html5之TintTo&TintBy所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/1057541.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-25
下一篇2022-05-25

发表评论

登录后才能评论

评论列表(0条)

    保存