브랜드 인스트루먼트 빌드: 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를 작성하세요. 시간 예산 또는 실제 차단 요인에 도달하면 최상의 결과를 저장하고 충족되지 않은 기준을 정직하게 보고하세요. 시간을 소비하기 위해 유휴 상태로 두지 마세요. 프로젝트 권한 내에서 일상적인 결정을 독립적으로 내리세요. 공개적으로 게시하거나, 서비스를 구매하거나, 관련 없는 프로젝트를 수정하지 마세요.