cocos creator 滚动字幕公告如何实现?

上节点图

creator节点

g_bg是公告的背景图 mask 为遮罩组件节点  gundongzi为label组件节点

运行效果

运行的效果

实现步骤、

1建立一个js组件 绑定 上节点中 mask gundongzi 两个节点

画红框的部分为绑定的节点

具体实现代码

//滚动公告字幕

gundongText:function(){

var self = this;

setTimeout(function(){

var notifyRes = JSON.parse(cc.sys.localStorage.getItem(‘notify’));

var gundongNode = cc.find(“Canvas/gundong”);

if(notifyRes != null){

if(gundongNode){

gundongNode.active = true;

}

self.Gundong.string = notifyRes;

}else{

if(gundongNode){

gundongNode.active = false;

}

}

var text = self.Gundong;

var width = self.Zhezhao.node.width;

text.node.runAction(cc.repeatForever(cc.sequence(

cc.moveTo(text.node.width/width*10,cc.p(-text.node.width-width/5,text.node.y)),

cc.callFunc(function(){

text.node.x = width;

}))));

},300);

},

小礼物走一走,来简书关注我

点击查看原文

未经允许不得转载:cocos集中营 » cocos creator 滚动字幕公告如何实现?
微信公众号:zs40086
免vip看全网视频,抢先福利电影啥都有!
10000人已关注
分享到:
赞(0) 打赏