用WebGL(Three.jsr160CDN)创作一个体素微缩场景一-瓶中沧海:一艘多桅帆船在封闭于...

用WebGL(Three.jsr160CDN)创作一个体素微缩场景一-瓶中沧海:一艘多桅帆船在封闭于横卧玻璃瓶内的海洋上航行，输出为可直接在Chrome打开的单个HTML文件。瓶与陈设:玻璃瓶身有菲涅尔边缘光与高光，软木塞+红蜡封+颈绳吊牌，搁在木托架上，置于木桌面(旁有旧书、黄铜望远镜)，黄昏房间光氛围。瓶内海洋:体素浪面在GPU上起伏、浪尖泛白沫;水面以下是整体铺满的渐变深水体(无海床)，半透明可透视--水底沉着宝箱(金光)、沉锚、双耳瓶、珊瑚，气泡上升。珊瑚岛上有红白灯塔(旋转光束)、棕榈、暖窗小屋、码头与小艇、宝藏。帆船:三桅方帆+红纹主帆+全套索具，绕岛航行;浮力物理:四点浪高采样驱动升沉/纵摇/横摇，带船艏飞沫与尾迹。空中:六只海鸥盘旋，积云在鸟与桅杆之上，鲸鱼周期性跃身出水，浮标、鱼群、螃蟹点缀一切元素严格封闭在瓶内，任何视角不得越出轮廓。交互:拖动环视(闲置自动恢复旋转)、滚轮缩放;按住Space掀起风暴--浪涌飞沫、瓶体在托架上摇晃而瓶内水面保持水平、闪电与乌云;延时摄影倍速(x4/x12/x1/暂停)驱动昼夜流转:太阳月亮移动、黎明正午黄昏子夜四段天色、子夜星空，夜晚灯火热光更浓。技术:InstancedMesh体素批渲染+自定义 shader玻璃、水面顶点位移)，目标60FPS。