用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)
}

点击运行按钮

你会看到，绳子已经开始来回转起来了

素材链接
https://gitee.com/ghjkg546/textures
安装git后 git clone 链接即可
不要拿去商用，我不知道会不会有版权为问题，自己学习娱乐即可