Cocos Creator小游戏案例《棍子士兵》

前言

一、应用简介

合理控制木棍长度，帮助士兵走得更远。

二、场景搭建

新建空白标准项目，在资源管理器面板中新建文件夹res、scenes、scripts，将资源文件复制到res文件夹内。在层级管理器选中Canvas修改大小为宽度720，高度1280（背景图片设计的就是这个尺寸），勾选固定宽度，Ctrl+S保存场景到scenes文件夹内。如上图。

将背景图片拖入，修改为bg。新建gameroot空节点，在其内新建platroot空节点，用于放平台，将平台图片拖入到platroot节点内，修改为curplat，复制curplat节点修改成nextplat节点，修改其各自位置。

将资源管理器中res内的士兵素材拖到gameroot节点内，修改Type为TILED（平铺），点击矩形变换工具，调整大小及锚点，点击移动工具，调整到平台platroot节点下。（如上图所示操作）

如上图，将棍子素材拖入到层级管理器面板的player和plat_root节点之间。点击矩形变换工具，拖动棍子上的圆圈，调整锚点到棍子底部，届时棍子旋转要围绕此中心点旋转。修改此节点的Rotation属性值为-90，就可以看到棍子顺时针方向旋转了90度，变成了平放。

点击移动工具，调整位置，棍子底部位置和士兵脚底重合（左下图）。

之后，再把棍子stick节点移动到plat_root节点之上，这样就会显示在平台层下面