CocosCreator之KUOKUO带你做个基于物理的跑酷游戏第一部分-做个地图加点盒子

本次引擎2.0.5

编辑工具VSCode

目标：第一部分，做个瓦片地图，加入物理盒子。

 

首先打开这个：

没有的小伙伴们，百度一下哦。

（可以说是一般的2D游戏，必备的软件）

新建一个文件，里面的参数根据你手中素材设定。

然后我们添加个素材，浏览，选择。

然后就添加进来了（用了爱给网的素材）

然后就开始在左方开始拼图玩。

摁住就是一直涂，还有很多操作。

比如鼠标右键按住，拉。

这样一整块模版就有了，鼠标左键放置。

还有那个骰子，在右侧图块那里；

按住Ctrl 选中多个。然后点击骰子，随机出图块。

我先简单拼个地板：

然后修改一些地方：

润色，润色：

然后首尾高度一致，这样就可以无缝连接一直跑。。。 

好，我们导出一下。

新建CocosCreator工程，

工程目录下新建个文件夹，扔里面。

记住，用到的素材图片一起复制过去。

好了，打开项目：

把它拖进层级管理器。

怎么样，方便吧。

好，我们把地图调整位置到起点：

计算一下位置是x = 320 

好，再弄一个过去（子节点），在 x = 1600 时拼接（一个大板块的长度）：

这样可以进行无缝的跑道衔接。

写个脚本实现地图循环（用动画编辑器也可以，一样）

  脚本：

x = -1280 对应点是恰好衔接的那个点。

这样地图会无限循环。

（如果是2个3个。。。等等多个不同道路，同样采用这种方法，预制地图进行拼接，形成长长的赛道）

好了：

诶，背面黑黑的。我去找个天空背景。

行，这回不算太违和。console.log（滑稽）。

、、、

接下来就是对瓦片地图添加刚体，还有物理碰撞盒子。

啊，，，好累。

来，分配一下碰撞分组：

player（玩家）ground（地板）boom(下个文章加入炸弹)

对应的节点，加完物理碰撞盒子后，记得改一下分组，就在属性面板里。

好了。

让我们添加个主角测试一下。

单色精灵zhujue，加上刚体，物理碰撞盒子。

给个脚本，

onLoad开启物理，点击屏幕跳一下。

//、、、、、、错误指正。图片中的绘制物理盒代码直接给true是错的。

应该这样：

// 物理系统绘制信息
var Bits = cc.PhysicsManager.DrawBits;
// 选择绘制什么信息
cc.director.getPhysicsManager().debugDrawFlags = Bits.e_aabbBit |
Bits.e_pairBit |
Bits.e_centerOfMassBit |
Bits.e_jointBit |
Bits.e_shapeBit;

// 、、、、、用JS没报错，但是TS会报类型不符，因为它是Number类型。

记得把zhujue的允许睡眠关了，不然随时可能出现非正常现象。

 

 让我们测试一下。

绿色的就是绘制出来的包围盒子，改为0就没了。

怎么样，好玩吧。

第二部分文章加入主角动画和敌人以及判定。

觉得不错，给个关注，么么哒。

O(∩_∩)O~~