date: 2019-10-16

摘要

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

正文

风骚的走位

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

系统事件来监听触摸
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('右');

// ......

}

});


编辑器界面

灯光打在路面上很是丝滑

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

层级关系与UI布局

你还在观望吗?Creator3D小鲜肉《小鸭快跑》新鲜出炉!_微信公众号_03

模型阴影

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

脚底生风

使用了 3D 粒子组件

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

死亡界面

你还在观望吗?Creator3D小鲜肉《小鸭快跑》新鲜出炉!_游戏开发_06

代码相关

原来习惯 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。总的来说是体验很棒的。很期待国产引擎称霸的那一天!
  1. (*^▽^*)

工程源码在我的微信公众号回复关键词【小鸭快跑】即可获得O(∩_∩)O~~

微信公众号

你还在观望吗?Creator3D小鲜肉《小鸭快跑》新鲜出炉!_微信公众号_07

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