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

640?wx_fmt=png

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

开发微信小游戏5款

 H5 小游戏多款

CSDN 博客:KUOKUO 众享

引擎版本

CocosCreator v2.1.2 版本不能低于2.1.1

演示

640?wx_fmt=gif

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

1. 创建3D节点

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

640?wx_fmt=png

2. 材质

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

640?wx_fmt=png

640?wx_fmt=png

在属性那里拖入:

640?wx_fmt=png

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

640?wx_fmt=png

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

640?wx_fmt=png

3. 纹理

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

640?wx_fmt=png

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

640?wx_fmt=png

然后给 player 节点(Box)

640?wx_fmt=png

4. 碰撞

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

640?wx_fmt=png

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

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. 项目经理| 灵魂拷问:你是什么垃圾?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值