本人首发于 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;
@ccclass
export 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 技术派 |《野蛮人大作战》从开发到上线
Cocos 技术派 | 插件 CC_inspector +
Cocos 技术派 | 摄像机的灵活运用