📖 工具说明
本工具用于调试和可视化Three.js中各种几何体的UV贴图坐标。通过直观展示UV映射关系，帮助开发者理解纹理如何映射到3D模型表面。
🎯 UV贴图基础概念
UV坐标是2D纹理坐标系统：
- U轴：水平方向，范围从0.0（左）到1.0（右）
- V轴：垂直方向，范围从0.0（下）到1.0（上）
- 每个3D模型的顶点都对应一组UV坐标，决定纹理的哪个部分映射到该顶点
- UV展开是将3D模型表面"展开"到2D平面的过程
🔧 使用方法
页面自动展示9种常见几何体的UV贴图：
- 每个几何体名称下方显示其UV坐标的可视化网格
- 网格中的每个点对应几何体上的一个顶点
- 连线表示三角面片的UV分布
- 红色区域表示UV坐标超出[0,1]范围（可能引起纹理重复）
📐 测试的几何体类型
- PlaneGeometry - 平面几何体
- SphereGeometry - 球体几何体
- IcosahedronGeometry - 二十面体几何体
- OctahedronGeometry - 八面体几何体
- CylinderGeometry - 圆柱体几何体
- BoxGeometry - 立方体几何体
- LatheGeometry - 旋转体几何体
- TorusGeometry - 圆环体几何体
- TorusKnotGeometry - 环形结几何体
💡 应用场景
- 学习理解UV贴图工作原理
- 调试自定义几何体的UV坐标问题
- 优化纹理映射，避免拉伸或扭曲
- 检查UV是否在有效范围内[0,1]
- 分析不同几何体的UV展开方式
提示：在UV可视化网格中，一个完美的UV展开应均匀分布在0-1范围内，无重叠且无拉伸。