FlappyBird笔记（一）

最新推荐文章于 2024-08-27 16:58:03 发布

FushanCode

最新推荐文章于 2024-08-27 16:58:03 发布

阅读量165

点赞数

分类专栏： CocosCreator 文章标签： typescript

本文链接：https://blog.csdn.net/Fushan98/article/details/107601565

版权

CocosCreator 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

游戏最终效果
项目演示
地板循环滚动
原理-将俩张相同的背景图并列,当第一张图离开屏幕时，将第一张图移动到第二张的右边位置，第二张图同理。
教程如下
在这里插入图片描述
首先创建俩个精灵节点将它们的Sprite的Sprite Frame属性更换相应图片，然后创建一个game脚本挂载到Canvas上，并在代码添加俩个land属性添加相应方法。
代码

  @property(cc.Node)
   land_1: cc.Node = null;
   @property(cc.Node)
   land_2: cc.Node = null;
   //陆地滚动
   runLand() {
      let speed: number = 2;
      this.land_1.x -= speed;
      this.land_2.x -= speed;
      if (this.land_1.x < -this.land_1.width) {
         this.land_1.x = this.land_2.x + this.land_2.width;
      }
      if (this.land_2.x < -this.land_2.width) {
         this.land_2.x = this.land_1.x + this.land_1.width;
      }
   }
     update(dt) {
      this.runLand();
   }