O instrumento de marca: Deformador de logotipo 3D SVG com Three.js

/goal Construir Instrumento de Marca: um instrumento criativo 3D polido baseado em navegador, que corresponda de perto à imagem de referência anexa. Trabalhe de forma autônoma através da implementação, inspeção em navegador real, crítica e correções. Visar um resultado revisable dentro de 3,5 horas, com um orçamento de tempo superior solicitado de 4 horas. Registre a hora de início e verifique o tempo decorrido entre iterações. Termine antes se os critérios de aceitação forem cumpridos. PRIMEIRO Inspeccione a referência e leia as instruções do projeto. Verifique que você possa iniciar o aplicativo, interagir com seu navegador e inspeccionar capturas de tela reais. Salve a referência disponível no projeto para comparação repetida. Se a referência ou a inspeção do navegador não estiver disponível, reporte isso imediatamente. Nunca invente verificação visual. ESCOPO Uma escultura M excelente, material cromado e interação refinada. Use TypeScript, React, Vite e Three.js. Prefiera WebGPURenderer com TSL e fallback WebGL2 testado. Adapte a implementação onde necessário, preservando 3D real. Separe geometria, movimento, renderização e UI. Não é necessária API de modelo em tempo de execução. OBJETIVO VISUAL Preserve o M fluido da referência, placas de prata paralelas densas, volume substancial, biseles limpos, lacunas estreitas, amplas reflexões de estúdio brancas, bandas refletidas escuras, sombra de aterramento suave, fundo branco e tipografia Manrope negra contida. A escultura domina o viewport. Melhore a coerência física e usabilidade sem redesenhar a direção de arte. A referência é um objetivo artístico, nunca uma textura usada para falsificar o produto. GEOMETRÍA E MOVIMENTO Construa placas volumétricas com topología suficiente para flexão local, impulsionadas por um rig controlável ou curvas guía. Arrastrar o brazo direito cria um leque/onda local suave com regiones ancladas e influencia coerente através de placas vecinas. Soltar restaura a configuración de reposo com dinámica amortiguada estável e independente da taxa de frames. Preserve el grosor creíble y limite la deformación extrema. Mantenga normales, sombras y selección por puntero consistentes con la superficie deformada. Sin desplazamiento en espacio de pantalla, deformación de imagen plana, video hero pre-grabado o sustituto de captura de pantalla. FUNCIONES Arrastre/soltar funcional, órbita de cámara para inspeccionar profundidad, ajuste de dispersión, controles de rigidez/amortiguación, Restablecer y exportación PNG. Priorice este núcleo. Importación SVG arbitraria, audio y modos extra son trabajo posterior. Muestre solo controles funcionales. BUCLE DE ITERACIÓN Implemente un cambio valioso. Ejecute la aplicación e inspeccione capturas de pantalla reales en configuraciones consistentes de viewport/cámara. Ejercite arrastre, soltar, restablecer y exportar. Identifique los tres defectos visuales o funcionales más grandes restantes. Corrija el defecto más importante y repita. Guarde puntos de control útiles e imágenes de comparación. Preserve la mejor versión funcional. Si cambios repetidos fallan, cambie el enfoque. Una compilación exitosa por sí sola no significa finalización. ACEPTACIÓN M escultural reconocible; placas separadas nítidas; cromo convincente; composición cercana a la referencia. Deformación localizada suave y recuperación estable sin desgarros visibles ni intersecciones severas. Volumen real confirmado desde otro ángulo de cámara. Controles/exportación funcionales, sin errores de consola bloqueantes y compilación exitosa. Inspeccione el movimiento a través de video o secuencias de frames temporizadas. Mida el rendimiento en el navegador disponible; reporte limitaciones de backend y hardware. Apunte a 60fps en escritorio sin reclamar resultados no probados. No debilite criterios ni se base solo en una puntuación de calidad autoasignada. ENTREGA Reserve los últimos 15 minutos para validación y entrega. Preserve el código fuente, archivo de bloqueo, instrucciones de inicio, mejor captura de pantalla, estados deformado/restaurado, otro ángulo de cámara y evidencia de movimiento. Escriba REVIEW.md con verificaciones completadas, brechas visuales restantes y próximos pasos. Al alcanzar el presupuesto de tiempo o un bloqueador genuino, guarde el mejor resultado y reporte criterios no cumplidos honestamente. No se quede inactivo para consumir tiempo. Tome decisiones rutinarias de forma independiente dentro de los permisos del proyecto. No publique públicamente, compre servicios ni modifique proyectos no relacionados.