技術 用 Three.js 來當個創世神 (28)：專案實作#17 - 遊戲完成！

今天是專案的最後一個 Part 啦！要來加入背景音效、爆炸音效、射擊音效，並做場景中的草地貼圖、磚塊貼圖與光源調整，另外最後會試著練習載入外部模型做個完整的收...

技術 用 Three.js 來當個創世神 (27)：專案實作#16 - 遊戲流程、時間倒數、分數統計

昨天完成了計分機制的實作，今天要來將整個遊戲的流程串起來，完成進入遊戲、開始遊戲、遊戲結束、再玩一次的流程，並且實作遊戲中關於時間倒數及結束後的分數統計。...

技術 用 Three.js 來當個創世神 (26)：專案實作#15 - 計分機制

昨天確定了遊戲內容的細節後，今天要先來實作計分機制的部分，並會套用上之前爆炸的特效，以及調整子彈威力參數與一些細節的優化。 Photo by rawpi...

技術 用 Three.js 來當個創世神 (24)：專案實作#13 - 子彈射擊效果

今天終於要來實作本專案的靈魂了！沒錯！就是射擊效果，一款射擊遊戲不能發射子彈完全是沒有靈魂啊，而除了完成射擊效果外，還要來把昨天沒做完的苦力怕剛體化及比例調整...

技術 用 Three.js 來當個創世神 (22)：專案實作#11 - 使用 PointerLockControls 實現射擊遊戲視角 Part.2

前情提要，昨天為了達成射擊遊戲中利用鼠標瞄準的條件，已經完成了 PointerLockControls 的初始化，今天會完成畫面更新中關於碰撞、重力、及速度的...

技術 用 Three.js 來當個創世神 (21)：專案實作#10 - 使用 PointerLockControls 實現射擊遊戲視角 Part.1

眼見鐵人賽已經要接近尾聲，接下來幾天將邊實現射擊效果邊直接整合專案，而為了達成射擊遊戲的條件，首先就需要設定一個可以根據鼠標瞄準的第一人稱視角控制器，以下我們...