AI PROMPT ·
交互式 3D SVG Logo 变形工具
/goal 构建品牌工具：一个精致的、基于浏览器的 3D 创意工具，需与附带的参考图高度一致。通过实现、真实浏览器检查、评审和修复进行自主工作。目标是在 3.5 小时内产出可评审的结果，上限时间为 4 小时。记录开始时间，并在迭代之间检查已用时间。如果满足验收标准，可提前完成。 FIRST 检查参考图并阅读项目说明。确认你可以启动应用、与其浏览器交互并检查实际截图。将可用的参考图保存在项目中以便反复对比。如果无法获取参考图或无法进行浏览器检查，请立即报告。切勿虚构视觉验证。 SCOPE 一个出色的 M 雕塑，采用铬金属材质和精细的交互。 使用 TypeScript、React、Vite 和 Three.js。优先使用带有 TSL 的 WebGPURenderer，并提供经过测试的 WebGL2 后备方案。在保持真实 3D 的前提下调整实现。分离几何结构、运动、渲染和 UI。运行时无需模型 API。 VISUAL TARGET 保留参考图中流动的 M 造型、密集的平行银色板材、厚实的体积感、干净的斜角、狭窄的间隙、宽广的白色摄影棚反射、深色反射带、柔和的接地阴影、白色背景以及克制的黑色 Manrope 字体。雕塑需占据视口主体。 在不重新设计艺术方向的前提下，提高物理连贯性和可用性。参考图是艺术目标，绝非用于伪造产品的贴图。 GEOMETRY AND MOTION 构建具有足够拓扑结构以支持局部弯曲的体积板材，由可控的骨架或引导曲线驱动。拖动右臂可产生平滑的局部扇形/波浪效果，并具有锚定区域，对相邻板材产生连贯影响。 释放后恢复静止配置，并具有稳定的、与帧率无关的阻尼动力学。保持逼真的厚度并限制极端变形。确保法线、阴影和指针拾取与变形后的表面保持一致。 禁止使用屏幕空间位移、平面图像扭曲、预录制视频或截图替代。 FUNCTIONS 实现拖拽/释放、用于检查深度的相机轨道控制、展开调整、刚度/阻尼控制、重置和 PNG 导出。 优先处理此核心功能。任意 SVG 导入、音频和其他模式属于后续工作。仅显示功能性控件。 ITERATION LOOP 实现一项有价值的更改。 运行应用并在一致的视口/相机设置下检查真实截图。 执行拖拽、释放、重置和导出操作。 识别剩余的三个最主要的视觉或功能缺陷。 修复最严重的缺陷并重复上述步骤。 保存有用的检查点和对比图像。保留最佳工作版本。如果重复修改失败，请更换方案。 仅构建成功并不代表完成。 ACCEPTANCE 可识别的雕塑感 M；清晰分离的板材；令人信服的铬金属效果；与参考图接近的构图。 S
PROMPT
/goal Build Brand Instrument: a polished browser-based 3D creative instrument closely matching the attached reference image. Work autonomously through implementation, real-browser inspection, critique and fixes. Aim for a reviewable result within 3.5 hours, with a requested upper time budget of 4 hours. Record start time and check elapsed time between iterations. Finish earlier if the acceptance criteria are met.\n\nFIRST\nInspect the reference and read project instructions. Verify that you can launch the app, interact with its browser and inspect actual screenshots. Save the available reference in the project for repeated comparison. If the reference or browser inspection is unavailable, report that immediately. Never invent visual verification.\n\nSCOPE\nOne excellent M sculpture, chrome material and refined interaction.\nUse TypeScript, React, Vite and Three.js. Prefer WebGPURenderer with TSL and tested WebGL2 fallback. Adapt implementation where necessary while preserving real 3D. Separate geometry, motion, rendering and UI. No model API is needed at runtime.\n\nVISUAL TARGET\nPreserve the reference's flowing M, dense parallel silver plates, substantial volume, clean bevels, narrow gaps, broad white studio reflections, dark reflected bands, soft grounding shadow, white background and restrained black Manrope typography. The sculpture dominates the viewport.\nImprove physical coherence and usability without redesigning the art direction. The reference is an artistic target, never a texture used to fake the product.\n\nGEOMETRY AND MOTION\nBuild volumetric plates with sufficient topology for local bending, driven by a controllable rig or guide curves. Dragging the right arm creates a smooth local fan/wave with anchored regions and coherent influence across neighboring plates.\nRelease restores the rest configuration with stable, frame-rate-independent damped dynamics. Preserve believable thickness and limit extreme deformation. Keep normals, shadows and pointer picking consistent with the deformed surface.\nNo screen-space displacement, flat-image warping, prerecorded hero video or screenshot stand-in.\n\nFUNCTIONS\nWorking drag/release, camera orbit to inspect depth, spread adjustment, stiffness/damping controls, Reset and PNG export.\nPrioritize this core. Arbitrary SVG import, audio and extra modes are later work. Show only functional controls.\n\nITERATION LOOP\nImplement a valuable change.\nRun the app and inspect real screenshots at consistent viewport/camera settings.\nExercise drag, release, reset and export.\nIdentify the three largest remaining visual or functional defects.\nFix the most important defect and repeat.\nSave useful checkpoints and comparison images. Preserve the best working version. If repeated changes fail, change the approach.\nA successful build alone does not mean completion.\n\nACCEPTANCE\nRecognizable sculptural M; crisp separated plates; convincing chrome; close reference composition.\nS