案例研究：Low High Head
一个交互式 3D WebGL 体验，尝试动态 LOD 过渡、顶点变形和自定义着色器。
图形引擎 Three.js, WebGL
项目类型 交互式3D网格变形
研究范围 顶点着色器 & 细节层次
平台 跨浏览器（支持WebGL）
项目概览
Low High Head 项目是一个学术性WebGL实验，旨在探索动态渲染阈值和自定义着色器交互。该应用使用 Three.js 开发，实时地在低多边形和高多边形分辨率之间动态变形3D头部模型，测试光线传播、顶点结构和自定义镜面高光在不同网格几何体下的表现。
通过直接在浏览器中渲染原始模型数据，该项目提供了交互式参数，用于分析性能开销，并在数千个多边形上评估顶点变形方程。
关键技术重点领域
- 动态顶点变形： 创建了自定义GLSL顶点着色器，以在不同低多边形和高多边形顶点缓冲区之间平滑插值坐标映射。
- Three.js 光照 & 阴影： 配置了实时阴影贴图级联和镜面反射通道，以测试方向光传播如何适应不同的表面密度。
- 性能基准测试： 调查了在热替换重型几何体集合时的GPU管线开销、绘制调用频率和浏览器垃圾回收模式。