# Three.js Journey Memo (Steven)

## 學習目標

- 了解基礎 3D 知識
- 熟悉 Three.js API 使用
- 透過 Three.js 在 WebGL 做高效能運算（處理大型數據的資料視覺化）
- 使用 Three.js 處理 GIS
- Theree.js X D3.js
- Three.js 運鏡方式
- Three.js 光線處理
- Blender 物件透過 Three.js 渲染到網頁上的各種坑
- [threlte](https://github.com/threlte/threlte)

## side project

### 3D 版台灣人口地圖

- 使用鄉鎮市區（368）/村里（7xxx）人口密度資料
- 套用不同的地圖材質在 mesh 上
- 搭配 scrollytelling 切換視角
- desktop/mobile 效能平衡
- 用不同的地圖投影方式

## 踩到的坑

## 參考案例

- [Every Country Has Its Own Climate Risks. What’s Yours?](https://www.nytimes.com/interactive/2021/01/28/opinion/climate-change-risks-by-country.html)
- [The World’s Troubling New Tempo of Temperature Records](https://www.bloomberg.com/graphics/2022-record-high-temperature-world-maps/?leadSource=uverify%20wall)
- [都市と気候危機　広がる「ゼロメートル」の街](https://vdata.nikkei.com/newsgraphics/cities-and-climate-crisis/sea-level-rise-and-coastal-cities/)