CocosCreator之KUOKUO帶你入門3D小遊戲-躲避方塊
本次引擎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~~