Clampo

hangzhou-ink

ink

构建水墨杭州交互场景

从西湖地形与建筑出发，逐步加入水墨材质、湖面倒影、树木飞鸟、游览镜头、书法诗词与开场动画，完成可以自由探索的水墨西湖。

Three.js · 水墨 Shader · 平面反射 · 实例化植被 · 镜头与动画

Implementation steps

Step 01 of 04

ink-lake

一眼看见完整的水墨西湖

青灰山体、宣纸天空、淡墨屋舍与雷峰塔围住湖面，近处可见柔和的岸线和被波纹扰动的倒影；远景逐渐化入纸纹，静止画面已呈现完整的水墨西湖。

水墨 Shader · 分块建筑 · 纸纹距离雾 · 平面反射 · 菲涅耳湖面