你還在觀望嗎？Creator3D小鮮肉《小鴨快跑》新鮮出爐！

---

date: 2019-10-16

摘要

CocosCreator 的 3D 版本正式上線！激動幹嘛? 愣着啊! KUOKUO 正好手裏有個小鴨子模型，於是就把它做成了一個小遊戲。

正文

風騷的走位

系統事件來監聽觸摸

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('右');	
        // ......	
    }	
});

編輯器界面

燈光打在路面上很是絲滑

層級關係與UI佈局

模型陰影

腳底生風

使用了 3D 粒子組件

死亡界面

代碼相關

原來習慣 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~~

微信公衆號