【TS】简单的旺财狗接金币demo

1.界面展示

【TS】简单的旺财狗接金币demo  【TS】简单的旺财狗接金币demo

2.手指拖动钱袋子,钱袋子可在一定范围内自由移动。钱袋子接触到金币,将收取金币,金额增加。金币从上到下,x位置随机,下落速度在一定范围随机。倒计时0s后结束游戏。

  • 金币下落的逻辑:使用定时器,每200ms创建几个,为了更容易接金币,速度越快创建的金币越多。

【TS】简单的旺财狗接金币demo

  • 金币与钱袋子碰撞使用每帧检测

【TS】简单的旺财狗接金币demo

  • 钱袋子的逻辑处理:

事件注册:

【TS】简单的旺财狗接金币demo

【TS】简单的旺财狗接金币demo

【TS】简单的旺财狗接金币demo

  • 价格显示,不管是几位数都需要居中,egret的label添加描边后,浏览器预览文字有切边而且手机手机显示和浏览器显示不一致,上下居中不对。(css中文字上下居中让height和lineheight相等就可以了,但这里的label不可以)

【TS】简单的旺财狗接金币demo

这里计算数字位数偷懒了,转变成字符串就可以直接得出长度。

【TS】简单的旺财狗接金币demo

 

以上是 【TS】简单的旺财狗接金币demo 的全部内容, 来源链接: utcz.com/a/67791.html

回到顶部