참고팁X
GPT-6 Astra와 Three.js를 활용한 SVG 3D 로고 변형 워크플로우
브라우저 기반 3D 생성 도구 구현 시 GPT-6 Astra의 자율적 코드 작성과 검증 프로세스를 보여주는 실전 프롬프트 사례.
요약
사용자 @AmirMushich가 GPT-6 Astra와 Three.js를 결합하여 웹 기반 3D 크리에이티브 도구인 'SVG logo deformer'를 구축하는 실험을 진행했다. 이번 프로젝트의 목표는 4시간 이내의 작업 시간 내에 TypeScript, React, Vite, Three.js를 활용하여 크롬 재질의 정교한 M자형 3D 조형물을 구현하는 것이다. 특히 WebGPURenderer와 TSL 사용을 권장하며, 드래그 시 조형물이 자연스럽게 휘어지고 릴리스 시 원래 형태로 돌아오는 물리 기반의 애니메이션 구현이 핵심이다. 별도의 모델 API 없이 기하학적 구조, 모션, 렌더링, UI를 분리하여 설계하며, 최종적으로 드래그, 카메라 회전, 스프레드 조정, PNG 내보내기 기능을 포함해야 한다. 해당 작업은 실제 브라우저 검사, 비평 및 수정을 반복하는 자율적인 반복 프로세스를 통해 최적화된 결과물을 도출하는 것을 목적으로 한다.
AI가 원문을 요약한 내용으로, 부정확할 수 있습니다.
원문 제목 @AmirMushich: GPT-6 Astra + Three.js = SVG logo deformer /goal prompt: /goal Build Brand Instrument: a polished browser-based 3D creative instru
원문 보기 ↗