手把手教你起步Creator3D横版酷跑游戏

手把手教你起步Creator3D横版酷跑游戏_第1张图片

EEA阔宝:专注 CocosCreator 引擎小游戏开发两年

开发微信小游戏5款

 H5 小游戏多款

CSDN 博客:KUOKUO 众享

引擎版本

CocosCreator v2.1.2 版本不能低于2.1.1

演示

手把手教你起步Creator3D横版酷跑游戏_第2张图片

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

1. 创建3D节点

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

手把手教你起步Creator3D横版酷跑游戏_第3张图片

2. 材质

新建材质,指定一个颜色,看下图:

手把手教你起步Creator3D横版酷跑游戏_第4张图片

手把手教你起步Creator3D横版酷跑游戏_第5张图片

在属性那里拖入:

手把手教你起步Creator3D横版酷跑游戏_第6张图片

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

手把手教你起步Creator3D横版酷跑游戏_第7张图片

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

手把手教你起步Creator3D横版酷跑游戏_第8张图片

3. 纹理

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

手把手教你起步Creator3D横版酷跑游戏_第9张图片

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

手把手教你起步Creator3D横版酷跑游戏_第10张图片

然后给 player 节点(Box)

手把手教你起步Creator3D横版酷跑游戏_第11张图片

4. 碰撞

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

手把手教你起步Creator3D横版酷跑游戏_第12张图片

新建脚本,模拟一次跳跃,代码如下:

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

怎么样,有没有做一个3D物理跑酷的游戏的冲动呢?进入公众号后台回复:【3D酷跑】获取源码。

感谢 「 KUOKUO众享」的教程,「奎特尔星球」欢迎大家投稿,有意的朋友可以加我微信:z6346289,愿我们一起共同成长!

640?wx_fmt=jpeg

  1. KUOKUO的趣味教程 | 进击的小怪诞生(1)

  2. KUOKUO的趣味教程 | 小怪物的视野(2)

  3. KUOKUO的趣味教程 | 小怪物的新思考(3)

  4. KUOKUO的趣味教程 | 小怪物的奇迹顿悟(4)

  5. 大神驾到 |「大掌教」Cocos3D组件详解

  6. CreatorPrimer 30篇教程汇总

  7. GitChat新作,如何较为优雅地实现新手引导功能!

  8. 我命由我不由天:程序员保命4招 + 求生10法则

  9. 时间管理 | 为什么我有那么多时间写公众号?

  10. 项目经理| 灵魂拷问:你是什么垃圾?

你可能感兴趣的:(手把手教你起步Creator3D横版酷跑游戏)