2d游戏引擎_Cocos Creator：用 2D 物理碰撞撸 3D 横版酷跑

本人首发于 CSDN 博客：KUOKUO 众享

Cocos 已获得转载授权！

作者：EEA阔宝，专注 Cocos Creator 引擎小游戏开发两年,开发微信小游戏 5 款、H5 小游戏多款。

引擎版本

Cocos Creator v2.1.2 ，版本不能低于 2.1.1

演示

两个平台一个跳跃方块，靠这些就可以做横版 3D 跑酷了哟！下面介绍游戏的具体的制作过程，而且还带工程源码哦！

1. 创建 3D 节点

新建一个工程，然后加入平台(Box)

2. 材质

新建材质，指定一个颜色，看下图：

在属性那里拖入：

这时你可能会看的是黑色，不要慌，加个光照，看下面：

操作键位：按住鼠标中间拖动，按住 Alt 键位转动视角，在 2D、3D 可以点击切换：

3. 纹理

这里我在网上顺便下了个贴图：

鼠标右键 assert 新建一个材质，选好模式，给贴图打勾：

然后给 player 节点(Box)

4. 碰撞

3D 物理碰撞还没有，但是有 2D 的，我们的酷跑是在一个平面上，那么用原来的物理系统完全可以呀！给平台加刚体，盒子碰撞，碰撞组件尺寸调整为 1， 1 (不然太大)player 方块也是，注意一个是静态一个是动态，看下图：

新建脚本，模拟一次跳跃，代码如下：

const {ccclass, property} = cc._decorator;@ccclassexport default class Test extends cc.Component {    @property(cc.Node) player: cc.Node = null;    onLoad () {        let p = cc.director.getPhysicsManager();        p.enabled = true;    }    start () {        this.scheduleOnce(() => {            // 3秒后模拟跳跃            let v = this.player.getComponent(cc.RigidBody).linearVelocity;            v.x += 300;            v.y += 200;            this.player.getComponent(cc.RigidBody).linearVelocity = v;        }, 3);    }    // update (dt) {}}

End

---

Cocos 将定期原创或转载优质的技术分享教程，欢迎有创作想法想要投稿的开发者与本公众号进行联系，感谢支持！

更 多 精 彩

一图看懂 Cocos 2019 新品发布会

5G 云游戏亮相 Chinajoy，大作一键秒玩

Cocos 技术派 | 实时竞技小游戏技术分享

Cocos 技术派 |《野蛮人大作战》从开发到上线

Cocos 技术派 |  插件 CC_inspector +

Cocos 技术派 |  摄像机的灵活运用

3D 小游戏《飞跃地平线 Plus》开发分享

Cocos Creator 接入微信小游戏引擎插件指引

创意小游戏《荒野日记》Cocos专访

垃圾分类搞不清？快试试这款小游戏