章節：

激發興趣（引導與思辨）

• 前言
• 世界、眼睛與內心
• 顏色、空間與時間
• 大腦如何建構空間與感受運動
• WebGL：虛擬與真實之間的橋樑
• Shader：像素的雕刻刀

相關數學基礎（圖形數學）

• 坐標系統與向量基礎（笛卡爾與齊次坐標）
• 向量與矩陣：移動、旋轉與縮放
• 投影矩陣與透視投影原理
• 法向量與光照基礎
• 曲線、曲面與動畫插值初探
• 線性代數在圖形學中的直觀解釋

WebGL 簡介

• WebGL 是什麼？
• OpenGL 與 WebGL 的關係
• 頂點與片段著色器概念
• GLSL 編寫與調試基礎
• 如何在 Canvas 上畫出三角形
• WebGL 的繪圖管線與狀態管理

Three.js 基礎篇

• 建立場景與渲染器
• 相機與控制器
• 幾何體與材質
• 光源與陰影
• 動畫與 requestAnimationFrame
• 滑鼠互動與 Raycaster
• 載入模型與貼圖

Three.js 高級篇

• 自訂 Shader 與 ShaderMaterial
• 粒子系統與特效
• 後處理與視覺風格
• 場景拆分與性能優化
• 互動作品與案例實作