Construir Instrumento de Marca: Deformador de Logotipo 3D SVG con Three.js

/goal Construir Instrumento de Marca: um instrumento 3D criativo e polido baseado em navegador que corresponda de perto à imagem de referência anexada. Trabalhe de forma autônoma através da implementação, inspeção em navegador real, crítica e correções. Busque um resultado revisável dentro de 3,5 horas, com um orçamento de tempo superior solicitado de horas. Registre o horário de início e verifique o tempo decorrido entre as iterações. Termine mais cedo se os critérios de aceitação forem atendidos. PRIMEIRO Inspecione a referência e leia as instruções do projeto. Verifique se você pode iniciar o aplicativo, interagir com o navegador e inspecionar 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 estiver indisponível, relate isso imediatamente. Nunca invente verificação visual. ESCOPO Uma excelente escultura em M, material cromado e interação refinada. Use TypeScript, React, Vite e Three.js. Prefira WebGPURenderer com TSL e fallback testado para WebGL2. Adapte a implementação onde necessário, preservando o 3D real. Separe geometria, movimento, renderização e UI. Nenhuma API de modelo é necessária em tempo de execução. ALVO VISUAL Preserve o M fluido da referência, placas de prata paralelas densas, volume substancial, chanfros limpos, lacunas estreitas, reflexos de estúdio brancos amplos, faixas escuras refletidas, sombra de aterramento suave, fundo branco e tipografia Manrope preta contida. A escultura domina a viewport. Melhore a coerência física e a usabilidade sem redesenhar a direção de arte. A referência é um alvo artístico, nunca uma textura usada para falsificar o produto. GEOMETRIA E MOVIMENTO Construa placas volumétricas com topologia suficiente para dobra local, acionadas por um rig controlável ou curvas-guia. Arrastar o braço direito cria um leque/onda local suave com regiões ancoradas e influência coerente entre placas vizinhas. Soltar restaura a configuração de repouso com dinâmica amortecida estável e independente da taxa de quadros. Preserve espessura plausível e limite a deformação extrema. Mantenha normais, sombras e picking de ponteiro consistentes com a superfície deformada. Sem deslocamento em espaço de tela, distorção de imagem plana, vídeo herói pré-gravado ou substituto de captura de tela. FUNÇÕES Arrastar/soltar funcional, órbita de câmera para inspecionar profundidade, ajuste de abertura, controles de rigidez/amortecimento, Redefinir e exportação PNG. Priorize esse núcleo. Importação SVG arbitrária, áudio e modos extras são trabalho posterior. Mostre apenas controles funcionais. LOOP DE ITERAÇÃO Implemente uma mudança valiosa. Execute o aplicativo e inspecione capturas de tela reais em configurações consistentes de viewport/câmera. Exercite arrastar, soltar, redefinir e exportar. Identifique os três maiores defeitos visuais ou funcionais restantes. Corrija o defeito mais importante e repita. Salve checkpoints úteis e imagens de comparação. Preserve a melhor versão funcional. Se mudanças repetidas falharem, mude a abordagem. Uma construção bem-sucedida sozinha não significa conclusão. ACEITAÇÃO Escultura em M reconhecível; placas separadas nítidas; cromo convincente; composição próxima da referência. Deformação local suave e recuperação estável sem rasgos visíveis ou interseções severas. Volume real confirmado de outro ângulo de câmera. Controles/exportação funcionais, sem erros de console bloqueadores e construção bem-sucedida. Inspecione o movimento através de vídeo ou sequências de quadros cronometradas. Meça o desempenho no navegador disponível; relate limitações de backend e hardware. Busque 60fps em desktop sem reivindicar resultados não testados. Não enfraqueça critérios nem dependa apenas de uma pontuação de qualidade auto-atribuída. ENTREGA Reserve os 15 minutos finais para validação e entrega. Preserve o código-fonte, lockfile, instruções de inicialização, melhor captura de tela, estados deformados/restaurados, outro ângulo de câmera e evidência de movimento. Escreva REVIEW.md com verificações concluídas, lacunas visuais restantes e próximos passos. No orçamento de tempo ou em um bloqueador genuíno, salve o melhor resultado e relate critérios não atendidos honestamente. Não fique ocioso para consumir tempo. Tome decisões rotineiras de forma independente dentro das permissões do projeto. Não publique publicamente, compre serviços ou modifique projetos não relacionados.