網頁視覺特效最強必殺技大全：用Three.js與Shader圖說核心原理 x 閃避踩雷 x 創作指南

CHAPTER 01 導論：前端3D視覺特效是什麼？

PART Ⅰ | 用three.js理解3D世界觀
CHAPTER 02 安裝、建置環境
CHAPTER 03 Hello three.js!
CHAPTER 04 three.js空間座標――讓世界繞著我旋轉！
CHAPTER 05 什麼！空間被扭曲了？我three願稱你為最強――矩陣
CHAPTER 06 The World！砸瓦魯多！歐拉歐拉歐拉！――歐拉角跟四元數
CHAPTER 07 three.js圓弧的藝術家！弧線的教授！――OrbitControls軌道控制器
CHAPTER 08 three.js 的一方通行：矢量操作――全面釐清向量與底層特性
CHAPTER 09 你有被光速踢過嗎？解析3D界的黃猿――光的底層原理與介紹
CHAPTER 10 傲慢的太陽――光的開發

PART Ⅱ | 用Three.js實戰3D作品
CHAPTER 11 前端視覺特效工程師實戰：全球戰情室――貼圖原理
CHAPTER 12 前端3D視覺特效開發實戰：全球戰情室――實作地球
CHAPTER 13 3D地球特效開發實戰：留下飛雷神術式吧！――經緯度座標轉換
CHAPTER 14 three.js 3D地球特效開發實戰：飛雷神之術走跳地球！――鏡頭追蹤與浮動文字
CHAPTER 15 three.js 3D圖表特效開發實戰――繪畫就跟佐為下棋一樣簡單：線段原理
CHAPTER 16 3D圖表特效開發實戰――來人！餵公子吃餅：圓餅圖
CHAPTER 17 3D圖表特效開發實戰――你爹只給個爛餅，大不了還你3D爛餅：用粉圓體做立體圓餅圖
CHAPTER 18 three.js GIS系統開發實戰――鄉鎮市區GIS系統：SVG、GeoJson的應用
CHAPTER 19 three.js GIS系統開發實戰――成為網頁特效的鹿丸！影子模仿術：陰影的終極原理
CHAPTER 20 three.js前端3D視覺特效開發實戰――設備檢視器：倒影特效
CHAPTER 21 前端3D視覺特效開發實戰――智慧工廠：倒影特效
CHAPTER 22 智慧工廠開發實戰――Dejavu！讓鏡頭跟著拓海一起飄移：鏡頭追蹤、飄移特效

PART Ⅲ | 用Shader實戰視覺特效
CHAPTER 23 WebGL Shader――你好啊大哥哥，沒想到你可以到Shader來呢！
CHAPTER 24 WebGL Shader――從認識GLSL開始釐清Shader
CHAPTER 25 WebGL Shader――透過自製環境光實作Shader傳值
CHAPTER 26 使用Shader創造漸層
CHAPTER 27 WebGL Shader――透過Shader製作光暈：速成篇
CHAPTER 28 WebGL Shader――透過Shader製作光暈：Shader傳值的原理
CHAPTER 29 WebGL Shader――透過Shader製作光暈：光暈原理與多種變化形式
CHAPTER 30 WebGL Shader――用Shader做全視角內光暈、星球材質

蘇桓晨（Umas）

跨足前端、設計、3D 領域的前端 3D 視覺特效創作家，擁有智慧建築、BIM、GIS 等系統開發經驗，熱愛研究獨特技術與探索複雜主題，經常在社群中分享研究成果、組織讀書會研究相關領域，並且創作前端 3D 視覺特效作品。