你还在观望吗?Creator3D小鲜肉《小鸭快跑》新鲜出炉!


date: 2019-10-16

摘要

CocosCreator 的 3D 版本正式上线! 激动干嘛? 愣着啊! KUOKUO 正好手里有个小鸭子模型,于是就把它做成了一个小游戏。

正文

风骚的走位

640?wx_fmt=gif

系统事件来监听触摸
cc.systemEvent.on(SystemEventType.TOUCH_START, (e: EventTouch) => {	
    let pos = e.getLocation();	
    // ......	
});	
cc.systemEvent.on(SystemEventType.TOUCH_END, (e: EventTouch) => {	
    let pos = e.getLocation();	
    if (this.startPos.x > pos.x) {	
        console.log('左');	
        // ......	
    } else {	
        console.log('右');	
        // ......	
    }	
});
编辑器界面
灯光打在路面上很是丝滑

640?wx_fmt=png

层级关系与UI布局

640?wx_fmt=png

模型阴影

640?wx_fmt=png

脚底生风
使用了 3D 粒子组件

640?wx_fmt=png

死亡界面

640?wx_fmt=png

代码相关
原来习惯 CocosCreator 的伙伴们注意下,不用打 cc 了。 比如实例化预制体代码
createOneEnemy () {	
    let n1 = Math.floor(3 * Math.random());	
    let x = -150 + n1 * 150;	
    let y = 0;	
    let z = 5000;	
    let e = instantiate(this.enemy);	
    this.node.addChild(e);	
    e.setPosition(cc.v3(x, y, z));	
}

结语

CocosCreator 3D 有一些要注意的:
Cocos Creator 3D 不同于 Cocos Creator 的语法格式,Cocos Creator 3D 已全面支持 ES6 和 TS,因此在 Cocos Creator 3D 上只支持 ES6 和 TS 的 Class。
总的来说是体验很棒的。
很期待国产引擎称霸的那一天!
(*^▽^*)
工程源码在我的微信公众号回复关键词【小鸭快跑】即可获得
O(∩_∩)O~~

微信公众号

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值