Artless101이 인터랙티브 Three.js/WebGL 로켓 발사 프로젝트의 Opus 5.5 버전에 사용한 프롬프트를 작성자 댓글로 공유했습니다. 단일 HTML 파일에서 절차적으로 생성한 해상 발사 플랫폼 발사, 위성 전개까지 이어지는 단계별 비행, 시네마틱 카메라 전환, 재생 및 스크러빙 컨트롤을 구현하도록 요청하는 내용입니다.
제작자가 공개한 프로젝트를 바탕으로 정리한 시작용 설명이며, 원본 프롬프트를 그대로 옮긴 것이 아닙니다. 결과는 달라질 수 있습니다.
Claude Opus 5.5Three.jsWebGL인터랙티브 3D로켓 발사해상 발사 플랫폼우주비행절차적 지오메트리
프롬프트
새벽녘 해상 플랫폼에서 펼쳐지는 시네마틱하고 디테일이 뛰어난 인터랙티브 3D 로켓 발사 장면을 제작하세요. 완성된 프로젝트 전체를 Chrome에서 바로 열 수 있는 단일 HTML 파일로 제공하세요. Three.js와 WebGL, 절차적 에셋을 사용하세요. 가능한 에셋은 파일에 포함하고, 렌더링 라이브러리에는 신뢰할 수 있는 CDN을 사용해도 됩니다.
아트 디렉션
일출 전의 어둡고 청자주빛인 바다에서 대기권 위의 따뜻한 햇빛으로 이어지는 극적인 전환을 연출하세요. 설득력 있는 비례, 디테일한 머티리얼, 대기 원근감, 세심하게 구성한 카메라 앵글을 사용하세요. 완성도 높은 미니어처 우주비행 영화처럼 느껴져야 합니다.
로켓 및 발사 플랫폼
형태가 잡힌 노즈 콘, 패널 이음매, 구조 링, 단 간 연결부, 엔진 노즐, 두 부분으로 분리되는 페이로드 페어링을 갖춘 설득력 있는 다단 로켓을 제작하세요.
지지 타워, 접이식 스트롱백, 서비스 암, 난간, 사다리, 파이프, 장비, 투광등, 점멸 경고등을 갖춘 디테일한 부유식 발사 플랫폼을 제작하세요. 모든 구조물이 물리적으로 연결되고 올바른 위치에 배치되도록 하세요.
발사 시퀀스
약 46초 분량의 시퀀스를 제작하세요.
플랫폼 주변을 보여 주는 도입부 카메라 무브먼트.
서비스 암과 스트롱백이 후퇴합니다.
엔진이 점화되며 로켓과 플랫폼, 주변 수면을 밝힙니다.
로켓이 이륙해 가속하는 동안 연기가 갑판 전체로 퍼집니다.
카메라가 대기권에서 우주를 향한 상승을 따라갑니다.
1단이 분리되어 떨어져 나갑니다.
2단 엔진이 점화됩니다.
페어링이 두 반쪽으로 분리되며 위성이 모습을 드러냅니다.
엔진이 정지하고 위성이 전개되며 태양광 패널이 펼쳐집니다.
지구의 굽은 지평선과 일출을 배경으로 한 위성의 궤도 뷰로 마무리하세요.
프레젠테이션을 위해 비행 타임라인을 압축하되 움직임의 일관성은 유지하세요. 갑작스러운 위치 변화, 서로 교차하는 부품, 연결되지 않은 효과는 피하세요.
바다, 대기 및 효과
프레넬 반사와 따뜻한 엔진 라이트 반사가 적용된 애니메이션 셰이더 기반 바다 물결을 사용하세요. 밝은 중심부, 부드러운 외곽 불꽃, 떠다니는 연기 파티클로 구성된 다층 배기 효과를 제작하세요.
연기는 바람에 반응하며 확산되고 희미해져야 합니다. 단 분리 과정에서도 배기 효과가 올바른 엔진에 계속 연결되어 있어야 합니다. 대기 안개에서 어두운 별빛 배경과 빛을 받은 지구의 가장자리로 자연스럽게 전환하세요.
카메라 및 인터랙션
넓은 도입부 뷰, 낮은 앵글의 점화 장면, 상승 추적, 단 분리, 위성 클로즈업 등 부드러운 시네마틱 카메라 전환을 사용하세요. 세로 및 가로 레이아웃 모두에서 주요 피사체가 화면에 보이도록 하세요.
재생/일시정지, 다시 재생, 이벤트 마커가 포함된 스크러버를 구현하세요. 탐색 시 올바른 로켓 구성, 파티클 상태, 카메라 위치, 조명을 복원해야 합니다. 다시 재생하면 전체 시퀀스가 깔끔하게 초기화되어야 합니다.
인터페이스는 최소한으로 구성하고 시선을 방해하지 않게 하세요. 녹화 시 숨길 수 있도록 하세요.
기술적 완성도
프레임 레이트에 독립적인 애니메이션과 효율적인 파티클 시스템을 사용하세요. 적절한 경우 지오메트리와 머티리얼을 재사용하고, 리사이즈를 올바르게 처리하며, 시각적 디테일과 부드러운 성능의 균형을 맞추세요.
완성된 HTML을 데스크톱 브라우저에서 테스트하세요. 콘솔을 점검하고 점화, 이륙, 단 분리, 위성 전개 시점의 스크린샷을 캡처하세요. 파일을 제공하기 전에 로딩 오류, 클리핑, 지오메트리 문제, 깨진 탐색 기능, 부적절한 카메라 프레이밍을 수정하세요.
이 프롬프트 사용법
01
적합한 도구로 시작하기
원하는 코딩 도우미나 3D 도구를 여세요. 예시에 표시된 모델을 시작점으로 삼고, 연결된 프로젝트의 설정 안내를 확인하세요.
02
바꿀 요소 하나 고르기
주제, 미술 스타일, 배경을 바꿔보세요. 카메라와 상호작용을 명확히 설명하세요. 먼저 작은 버전을 만든 다음 한 번에 하나씩 다듬으세요.
03
장면에 나만의 모델 추가하기
나만의 캐릭터나 소품이 필요하면 짧은 물체 설명이나 참고 이미지로 3D 모델을 만든 뒤 프로젝트로 가져오세요.
미리보기 작품의 권리는 각 제작자에게 있습니다. 코드나 자료를 재사용하기 전에 원본 출처와 프로젝트 라이선스를 확인하세요.