本次引擎2.1.0

編輯工具VSCode

目標：3D小遊戲躲避方塊

2.1.0版本已經出來好幾天了，雖然有些地方還不夠完善，

但是畢竟是能寫3D遊戲了，簡單的來寫一個，嘻嘻。

console.log(滑稽)

準備好了嗎？GO！

新建個工程，然後把畫布的大小都減去個0。

沒錯，減去個零！！！（一會你就知道為啥了）

 我這裡面匯入了兩個模型檔案。

一個是fangkuai（方塊）一個是qiuqiu（球球）哈哈。

我們新建一個背景。（單色）

然後轉化為2.5D節點，調整一下大小，顏色。

因為是跑道，我們把長度設定長一些，1000吧。

在弄兩個跑道邊界吧。

像這樣；

然後，讓我們把它放平。（記得把邊界也改為2.5D節點）

然後我們把攝像機配置一下。

我們把顏色勾選，淡藍色的背景，攝影模式修改Fov=60

讓我們執行一下看看效果：

哦，跑道忘記往前給了，目前是中心對稱的。

這樣改一下就好：

好了，讓我們把主角匯入（一個球球）

誒？？？怎麼什麼都沒有。

因為這就是我開始提到的，這個尺寸比嚴重失調。不是沒放進去，是太小了。

放大50倍：

好了，讓我們把球球放在跑道上。

記錄此刻y的座標值。

y = -16

z軸給-50，因為攝像機的 z 是0，為了看到球球，把球球往正前方移動（z軸負方向）

這樣：

然後看一下效果：

接下來我們寫個move指令碼控制小球移動：

繫結在Canvas上。

嗯，，實現了。

 好了，我們再來做方塊，讓它在1000畫素外隨機生成，然後跑過來。

先設定一下屬性，讓他們兩差不多；

寫個kuai_move.js繫結在方塊上。

方塊的移動指令碼：

然後，拖成預製體。

然後是總控制指令碼：綁在Canvas上

我們在裡面寫個創造方塊的方法：隨機x位置；

然後寫個計時器，每1秒來一個.

計時器

哈哈，

先看看效果：

嗯嗯，感覺還可以。

接下來就是寫碰撞檢測了。

在預製方塊的腳本里：宣告zhujue，通過向量計算距離。碰到後遊戲暫停

然後在生成方法那裡：

把zhujue給定。

好了，大功告成，我們看一看效果：

哈哈，成功了！

最後，再讓我們加入速度更新與Label標籤時間顯示：

toFixed（）截斷小數點2位以後的

底下的是時間判斷，然後更新計時器時間引數（略有修改）

看一下介面：

（Label有點模糊，畢竟比例有點小）

Get了沒？

覺得不錯，給個關注！麼麼噠。

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

706176551

我們一起學習！

O(∩_∩)O~~