技術 用 Three.js 來當個創世神 (19)：3D 物理引擎初探

物理引擎是一套能用來模擬真實世界物理效果的系統，例如：碰撞偵測、加速度、重力、摩擦力、空氣阻力等，以下將會介紹有哪些可以用來輔助 Three.js 的物理引擎...

技術 用 Three.js 來當個創世神 (20)：Cannon.js 基本練習

昨天瀏覽過許多 3D 物理引擎後，筆者最後選擇使用 Cannon.js 做為接下來射擊效果的輔助套件，今天先透過練習 Cannon.js 的 Hello wo...

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

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

技術 用 Three.js 來當個創世神 (29)：大綱與 Three.js 學習資源

本系列文也即將接近尾聲，此篇會帶各位讀者瀏覽整個系列文的大綱涵蓋了哪些內容，並且最後會分享這兩個月以來的學習資源，提供對 Three.js 有興趣的讀者做更進...

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

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

技術 用 Three.js 來當個創世神 (30)：總結與心得

終於也來到本系列文最後一篇啦！可以睡覺啦！ 緣起 其實去年就有想參加的念頭了，但始終覺得自己好像網頁開發的技術也只學了一些皮毛，沒什麼材料可以寫就不了了...

技術 用 Three.js 來當個創世神 (23)：專案實作#12 - 導入 Cannon.js 物理效果

今天要來將 Cannon.js 的物理效果導入到專案中，讓場景中的物體都具有物理剛體效果，並且會做專案整合的工程，將前面所有開發的功能補齊，方便後續的開發。...

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

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

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

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

技術 用 Three.js 來當個創世神 (25)：專案實作#14 - 遊戲內容設計

在前面專案規劃內容中，已經在昨天完成了人物模型及物理射擊兩大部分，終於要來到最後的整合階段了，但其中的遊戲內容當初並沒有深入設計，所以今天花了一整天在做企劃與...