鐵人檔案
Three.js提供了各種輔助工具幫助開發 ArrowHelper 用於可視化方向的3D箭頭ArrowHelper(dir : Vector3, origi...
透過渲染而成的動畫效果 透過物體位置並每隔一段時間重新渲染畫面，來達到使物體像動畫般動起來的效果 // 原地走動動畫 function UsagiJump()...
物理引擎可以用來模擬真實世界的效果，如重力、摩擦力、碰撞偵測、加速度、空氣阻力等，使畫面更真實，也分為 2D物理引擎與 3D 物理引擎three.js 只創造...
在多種 3D 物理引擎裡，決定使用同樣基於 js 所開發，學習成本相對較低且對新手較友善的 Cannon.js 做為開發工具 Github 範例 Githu...
依照 github 上範例建立完後，嘗試加入參數控制物理引擎的碰撞效果 Dat.gui Github一種輕量型的圖型用戶介面，可以在 Javascript...
Three.js 的世界裡一切物件都是由幾何體 (Geometry) 所定義， 但由於某些形狀過於複雜，無法用簡單的方式建立所想的物件，就可以透過 3D 建模來...
除了自行建立3D模型以外，也可以透過下載網路上製作好的 3D 模型匯入 three.js 的世界裡 Sketchfab 官網一套面向建築師、遊戲開發者、電影...
透過 Sketchfab 下載完 3D 模型後就可以在 three.js 的世界裡匯入 先在 ejs 處匯入函式庫，要注意的是 GLTFLoader 的版本...
在昨天透過 console.log 的輸出，可以觀察到 gltf 裡有關於 animations 的屬性該模型包含了 standing、sitting、shak...
在之前修改的 cannon 範例裡提過剛體，剛體才是實際互動的物件，網格只是套上去的皮，大多數剛體的形狀不會與網格相同，今日先建立剛體並與網格組合 程式碼 設定...
