鐵人檔案
此系列文將從 Three.js 基本觀念切入，前面幾篇會簡單介紹如何用 Three.js 的基本元素在網頁上畫出 3D 場景，之後直接透過實作遊戲專案，在過程中一邊完成專案所需要的內容，一邊說明 Three.js 中各種基本元素的應用細節，讓後期的專案能以漸進完成的方式呈現，進而做出一款網頁 3D 遊戲。
今天將延續昨天的光源主題，在專案中實作光影效果，並透過移動點光源的動畫，讓光影效果的內容更有趣！ Photo by Kristine Weilert o...
在昨天的移動點光源實作上，我們透過更改光源的位置來達到動畫的效果，今天讓我們深入動畫的操作並實際上透過讓苦力怕擺頭、走動、膨脹的動作來練習基本動畫。 P...
遊戲中的苦力怕行走機制是當玩家進入它的警戒範圍後，苦力怕會追著玩家跑，今天就讓我們利用 Tween.js 來實做這個部分，目標是做到能讓苦力怕追蹤鏡頭移動及轉...
粒子系統可以透過輕易地創建許多細小的物體，模擬各種粒子效果，如雪花、雨滴、星空、煙霧、火焰、煙火、爆炸等等，本篇文章讓我們來學習粒子系統的背景知識及簡單的練習...
瞭解了基本的粒子系統如何建立後，今天要來練習實作粒子系統中常見的應用：雪花。以下將會透過建立粒子系統、載入貼圖、雪花飄落動畫來一步步做出華麗的粒子特效。...
You know nothing, Jon Snow. 在實作粒子系統的動畫效果時，踩到了個大坑，本篇將會繼續完成前一天的雪花飄落動畫，並分享實作中遇到的問題...
今天將利用前兩天製作的雪花特效，套用至專案中，除了調整邊界值外，還會試著更換粒子貼圖來達到不一樣場景的效果！ Photo by Fancycrave o...
今天要利用前面練習過的粒子系統，學習如何在網頁上實作 3D 爆炸的特效，並會透過 dat.GUI 來觸發爆炸、改變爆炸粒子尺寸、相機參數來測試更合適的視覺效果...
昨天學會了如何利用粒子系統做爆炸特效，今天我們要來將特效套用至專案中，來實作苦力怕自爆的效果，並且利用更多層的爆炸、由黑到白不同的顏色，來模擬得更真實一些。...
物理引擎是一套能用來模擬真實世界物理效果的系統，例如：碰撞偵測、加速度、重力、摩擦力、空氣阻力等，以下將會介紹有哪些可以用來輔助 Three.js 的物理引擎...
