2月13日总结

四）---大鱼吃小鱼（互吃升级）

鸿蒙开发游戏（五）---大鱼吃小鱼（添加音效）

鸿蒙开发游戏（六）---大鱼吃小鱼（称霸海洋）

前两篇文章我们做了摇杆控制小鱼移动，这篇将会添加一个NPC，让其自动在海洋里游荡，然后玩家控制吃掉它。在这之前我们想思考一些问题，

NPC如何生成？NPC有哪些属性？NPC是如何控制的？如何做到随机转方向？

这是该篇的难点，这里还用到了一些数学知识，包括sin，cos，弧度与角度的计算等，还是比较麻烦的，但是等你看到代码又会发现代码量很少，又会觉得如此简单，好了，看例子。
1、开始游戏

这里我们需要添加一个开始游戏按钮，因为只有玩家开始了游戏，我们启动一个计时器才会变得顺理成章，不然的话，上来就启动计时器会很好资源的。

export struct FishPage {
@State isBegin: boolean = false
}

这里我们默认是false，未启动状态

build() {
Row() {
Stack() {
// 背景
Image($r("app.media.bg_fish"))

  if (this.isBegin == false) {
    Button('开始游戏')
      .backgroundColor('#36d')
      .onClick(() => {
      //这里把设置成true
        this.isBegin = true
        
      })
  } else {
      //渲染小鱼
  }
}

}

2、添加NPC小鱼

我们在开始之前就已经开始思考了，NPC应该有什么属性，起始位置，方向，速度，等，这里暂时不需要等级，下篇互吃逻辑写。

//NPC
@State npcSpeed: number = 3
@State npcFishX: number = 300