构建品牌工具：使用Three.js的3D SVG标志变形器

/goal 构建品牌乐器：一个精致的基于浏览器的3D创意乐器，需与所附参考图像高度接近。自主完成实现、真实浏览器检查、批判与修复。目标是在3.5小时内获得可评审的结果，请求的总时间预算上限为4小时。记录开始时间并在迭代之间检查已用时间。若满足验收标准则提前完成。 首先 检查参考并阅读项目说明。验证你可以启动应用、在浏览器中与其交互并检查实际截图。将可用的参考保存在项目中以便反复对比。如果参考或浏览器检查不可用，请立即报告。切勿凭空捏造视觉验证。 范围 一个出色的M雕塑，铬材质与精细交互。使用TypeScript、React、Vite和Three.js。优先使用WebGPURenderer配合TSL，并测试WebGL2回退方案。在必要时调整实现，同时保留真实3D效果。将几何、运动、渲染和UI分离。运行时无需模型API。 视觉目标 保留参考中流动的M形、密集的平行银色板片、充足的体积感、干净的倒角、狭窄的间隙、宽阔的白色影棚反射、深色反射带、柔和的接地阴影、白色背景与克制的黑色Manrope字体。雕塑占据视口主体。在不重新设计艺术方向的前提下提升物理一致性与可用性。参考是艺术目标，绝不可用作伪造产品的纹理。 几何与运动 构建具有足够拓扑的的立体板片，以支持局部弯曲，由可控的绑定或引导曲线驱动。拖拽右臂可产生平滑的局部扇形/波浪效果，带有锚定区域，并对相邻板片产生连贯影响。释放后恢复至静止构型，具有稳定、与帧率无关的阻尼动力学。保留可信的厚度并限制极端变形。保持法线、阴影与指针拾取与变形表面一致。禁止屏幕空间位移、平面图像扭曲、预录英雄视频或截图替身。 功能 可用的拖拽/释放、相机轨道以检查深度、展开度调节、刚度/阻尼控制、重置与PNG导出。优先实现这些核心功能。任意SVG导入、音频与额外模式为后续工作。仅显示功能性控件。 迭代循环 实现一个有价值的改动。运行应用并在一致的视口/相机设置下检查真实截图。练习拖拽、释放、重置与导出。识别剩余最大的三个视觉或功能缺陷。修复最重要的缺陷并重复。保存有用的检查点与对比图像。保留最佳工作版本。若反复修改失败，更换方法。仅成功构建并不代表完成。 验收 可识别的雕塑感M形；清晰分离的板片；令人信服的铬材质；接近参考构图。平滑的局部变形与稳定恢复，无可见撕裂或严重交叉。从另一相机角度确认实际体积。可用的控件/导出，无阻塞控制台错误，且构建成功。通过视频或定时帧序列检查运动。在可用浏览器中测量性能；报告后端与硬件限制。目标在桌面端达到60fps，且不声称未经测试的结果。不削弱标准，也不仅依赖自评质量分数。 交接 保留最后15分钟用于验证与交接。保留源码、锁文件、启动说明、最佳截图、变形/恢复状态、另一相机角度与运动证据。编写REVIEW.md，包含已完成的检查项、剩余视觉差距与后续步骤。在时间预算或遇到真正阻碍时，保存最佳结果并如实报告未满足的标准。不要空转消耗时间。在项目权限内独立做出常规决策。不公开发布、不购买服务或修改无关项目。