鐵人檔案
此系列文將從 Three.js 基本觀念切入，前面幾篇會簡單介紹如何用 Three.js 的基本元素在網頁上畫出 3D 場景，之後直接透過實作遊戲專案，在過程中一邊完成專案所需要的內容，一邊說明 Three.js 中各種基本元素的應用細節，讓後期的專案能以漸進完成的方式呈現，進而做出一款網頁 3D 遊戲。
昨天瀏覽過許多 3D 物理引擎後，筆者最後選擇使用 Cannon.js 做為接下來射擊效果的輔助套件，今天先透過練習 Cannon.js 的 Hello wo...
眼見鐵人賽已經要接近尾聲，接下來幾天將邊實現射擊效果邊直接整合專案，而為了達成射擊遊戲的條件，首先就需要設定一個可以根據鼠標瞄準的第一人稱視角控制器，以下我們...
前情提要，昨天為了達成射擊遊戲中利用鼠標瞄準的條件，已經完成了 PointerLockControls 的初始化，今天會完成畫面更新中關於碰撞、重力、及速度的...
今天要來將 Cannon.js 的物理效果導入到專案中，讓場景中的物體都具有物理剛體效果，並且會做專案整合的工程，將前面所有開發的功能補齊，方便後續的開發。...
今天終於要來實作本專案的靈魂了！沒錯！就是射擊效果，一款射擊遊戲不能發射子彈完全是沒有靈魂啊，而除了完成射擊效果外，還要來把昨天沒做完的苦力怕剛體化及比例調整...
在前面專案規劃內容中，已經在昨天完成了人物模型及物理射擊兩大部分，終於要來到最後的整合階段了，但其中的遊戲內容當初並沒有深入設計，所以今天花了一整天在做企劃與...
昨天確定了遊戲內容的細節後，今天要先來實作計分機制的部分，並會套用上之前爆炸的特效，以及調整子彈威力參數與一些細節的優化。 Photo by rawpi...
昨天完成了計分機制的實作，今天要來將整個遊戲的流程串起來，完成進入遊戲、開始遊戲、遊戲結束、再玩一次的流程，並且實作遊戲中關於時間倒數及結束後的分數統計。...
今天是專案的最後一個 Part 啦！要來加入背景音效、爆炸音效、射擊音效，並做場景中的草地貼圖、磚塊貼圖與光源調整，另外最後會試著練習載入外部模型做個完整的收...
本系列文也即將接近尾聲，此篇會帶各位讀者瀏覽整個系列文的大綱涵蓋了哪些內容，並且最後會分享這兩個月以來的學習資源，提供對 Three.js 有興趣的讀者做更進...
