本次引擎2.0.5

編輯工具VSCode

目標：小小賽車

先亮素材，很簡單，就兩個。

愛給網中的賽道，以及一個小車。

//、、、、、、、

好了，讓我們新建工程然後把賽道放進去，調整方向與大小。

然後把小車拖上去，這樣：

我是把賽道放大了2倍，旋轉了90度，拖一拖位置。

調整到小車恰好可以放入那個欄位。

然後在主攝像機下放入UI元件（因為一會攝像機要動）

調整層級，加入3個按鈕。

然後到了這個樣子。

接下來，就是新建個main.js指令碼。

繫結到Canvas上。

解析程式碼：

屬性中宣告3個按鈕和主角還有最大速度。

在onload裡宣告開關

然後對3個按鈕做監聽

這是6個方法，為了好看我把它們寫成了一坨。

接下來就是重點。

update中處理邏輯。

this.speed 是當前速度，到最大就不加了。這樣會有一個汽車啟動的效果。

鬆開手就減速，最低為0。

然後是左右轉。

在CocosCreator中，x座標軸和y的座標軸垂直，但是咱們的小車不能垂直，應該向著車頭跑。

也就是先把角度轉弧度，再做正交分解。

哈哈，怎麼樣！

最後，我們寫個鏡頭跟隨指令碼，follow.js

繫結到主攝像機上。這樣攝像機就會跟著主角。

看看gif動態效果：

轉個彎：

Get了嗎？

加我QQ群：（部落格裡面的專案，群檔案裡都有哦）

706176551

我們一起學習！

O(∩_∩)O~~