用CocosCreator来做一个黄金矿工吧一

最近开始学习使用 CocosCreator, 苦于不知道做点什么好，突然想起当年 4399 最火的游戏：黄金矿工，就像不如来做一个吧，练练手

先导入我给素材，打开新建好的项目，创建一下文件夹

Ctrl+S 保存场景，取名 main

找到这个图，拖入场景里

为了让背景铺满窗口，为背景添加 UI=>Widget 组件，如图设置

在 Atlas 文件夹下找齐各种素材，搭建出这个样子的场景

UI 部分后面再说，先来实现绳索和钩子

这一部分是这样的层级结构，我会一步步讲解

在 mineCar 节点下，右键创建节点 =》渲染节点 =》单色，得到一个白色的矩形块
如图调整颜色、锚点和 size

锚点的 Y 粥设置成 1，绳子才会以这个点为旋转中心

在 Scripts 文件夹下新建文件 Hook.ts，开始编写绳子旋转的代码

Hook.ts

// 先定义 2 个变量
isRotating: boolean = true; // 绳子是否旋转中
rotateSpeed: number = 60; // 旋转速度


rotateHook(deltaTime) {if (!this.isRotating) {return;}
    // 这里角度可以自己修改，不一定非要 60 度
    if (this.node.angle >= 60) {this.rotateSpeed = -this.rotateSpeed;} else if (this.node.angle <= -60) {this.rotateSpeed = Math.abs(this.rotateSpeed);
    }
    // 速度是 60*deltaTime 的意义是，每秒钟旋转 60
    this.node.angle += this.rotateSpeed * deltaTime;
}

放入 update 里

update(deltaTime) {this.rotateHook(deltaTime)
}

点击运行按钮
你会看到，绳子已经开始来回转起来了

绳子的实现