CocosCreator实现道具吸引功能

偏执的太偏执、 2023-06-10 03:27 22阅读 0赞

承接动态生成道具功能  
效果图：  
![在这里插入图片描述][20191025155544659.gif]

代码（只记录增加的）

export default class NewClass extends cc.Component { 
      private prefabs: cc.Node[] = []; //道具列表
      private prefabNumber = 10; //道具的最大数量
      @property(cc.Node)
      pp: cc.Node = null;
      isStart = false;
      speed = 5;
      onLoad() { 
      	...
        setTimeout(() => { 
          ...
          this.isStart = true; //开始吸收
        }, 2000);
      }
    
      update() { 
        if (this.isStart) { 
          //所有的道具向角色移动
          for (var i = 0; i < this.prefabs.length; i++) { 
            var star = this.prefabs[i]; //道具
            //如果暴走的时候道具在左边
            if (star.x <= this.pp.x) { 
              //如果道具在角色下方出现
              if (star.y <= this.pp.y) { 
                //计算星星x轴每帧运动的比例
                var a = this.speed / (this.pp.x - star.x);
                //获取y轴每帧移动的距离
                var b = a * (this.pp.y - star.y);
                star.y += b;
              } else { 
                //计算星星x轴每帧运动的比例
                var a = this.speed / (this.pp.x - star.x);
                //获取y轴每帧移动的距离
                var b = a * (star.y - this.pp.y);
                star.y -= b;
              }
              //如果暴走的时候道具出现在右方
            } else if (star.x - this.pp.x < this.node.width / 2) { 
              //如果道具在角色下方出现
              if (star.y <= this.pp.y) { 
                //如果暴走的时候道具在右边
                star.x -= this.speed * 2; //x轴两倍的速度向角色靠近
                //计算星星x轴每帧运动的比例
                var a = this.speed / (star.x - this.pp.x);
                //获取y轴每帧移动的距离
                var b = a * (this.pp.y - star.y);
                star.y += b;
              } else { 
                //如果暴走的时候道具在右边
                star.x -= this.speed * 2; //x轴两倍的速度向角色靠近
                //计算星星x轴每帧运动的比例
                var a = this.speed / (star.x - this.pp.x);
                //获取y轴每帧移动的距离
                var b = a * (star.y - this.pp.y);
                star.y -= b;
              }
            }
          }
        }
      }
      ...
    }

[20191025155544659.gif]: /images/20230531/a5cf3151c51d43788093628ea05514e8.png