적합한 도구로 시작하기
원하는 코딩 도우미나 3D 도구를 여세요. 예시에 표시된 모델을 시작점으로 삼고, 연결된 프로젝트의 설정 안내를 확인하세요.
GPT-6 Astra참고용 제작 설명
플레이 가능한 3D 브라우저 해안 지구 데모
Lummox가 게시한, 플레이 가능한 3D 브라우저 데모를 만들기 위한 6단계 프롬프트 시퀀스입니다. Vite, 바닐라 TypeScript, Three.js, cannon-es, Web Audio로 구성된 고정 스택을 사용하고, 노을이 지는 해안 지구를 구현합니다. 세 사람이 자동차에 타는 장면을 연출하며, 클립의 속도와 오디오 방향까지 지정합니다.
이 예시에 대해
제작자가 공개한 프로젝트를 바탕으로 정리한 시작용 설명이며, 원본 프롬프트를 그대로 옮긴 것이 아닙니다. 결과는 달라질 수 있습니다.
제작자 메모
6개의 프롬프트를 순서대로 사용하세요. 먼저 사양을 잠그고 고정된 브라우저 스택을 설정합니다. 그런 다음 해안 지구와 조명 및 카메라 구도를 만들고, 세 캐릭터가 자동차에 타는 짧은 시퀀스를 연출하세요. 클립 길이와 보행자 관련 지침으로 성능을 제한한 뒤, 요청한 목소리·음악·자동차 오디오 방향을 적용하세요.
플레이 가능한 3D 브라우저 게임Three.jscannon-esVite바닐라 TypeScript해안 지구노을젖은 아스팔트
프롬프트
> 사양 잠금 (TZ-gta-slice.md)
prompt: "플레이 가능한 3D 브라우저 데모를 만드세요. 이 사양을 잠근 후에는 변경하지 마세요. 지구와 클립을 먼저 만들고, 조작은 나중에 추가하세요."
> 스택 (Vite, 바닐라 TypeScript, Three.js, cannon-es, Web Audio)
prompt: "스택은 고정합니다. Vite. 바닐라 TypeScript. Three.js. cannon-es. Web Audio. 브라우저 URL 하나로 구성하세요."
> 프레임 (물 위로 지는 노을, 젖은 아스팔트, 야자수)
prompt: "해안 지구 하나를 만드세요. 물 위로 노을이 지고, 아스팔트는 젖어 있으며, 야자수가 있어야 합니다. 폴리곤 수가 아니라 조명과 카메라에 프레임의 초점을 맞추세요. 기본 회색 조명은 사용하지 마세요. 재질 없는 큐브도 사용하지 마세요."
> 세 사람 (한 장면, 자동차 한 대, 약 20초)
prompt: "세 사람을 한 장면에 유지하세요. 서로 대화한 다음 한 대의 자동차에 타게 하세요. 재생 시간은 약 20초입니다. 불필요한 전환을 늘리기보다 품질을 우선하세요."
> 컷 (15~20초, 매끄럽게 유지)
prompt: "버벅거리면 클립을 15~20초로 줄이세요. 매끄러운 재생을 유지하세요. 프레임이 떨어지면 조명을 줄이지 말고 보행자를 줄이세요."
> 사운드 (사람 목소리, 대사 아래의 패드, 자동차 저음)
prompt: "목소리는 로봇이 아니라 사람처럼 들려야 합니다. 대사 아래에는 조용한 패드 사운드를 깔되, 대사를 덮지 마세요. 사람들이 차에 타면 톱날 소리가 아닌 낮은 자동차 웅웅거림을 넣으세요. 라디오 잡음은 사용하지 마세요."
이 프롬프트 사용법
바꿀 요소 하나 고르기
주제, 미술 스타일, 배경을 바꿔보세요. 카메라와 상호작용을 명확히 설명하세요. 먼저 작은 버전을 만든 다음 한 번에 하나씩 다듬으세요.
장면에 나만의 모델 추가하기
나만의 캐릭터나 소품이 필요하면 짧은 물체 설명이나 참고 이미지로 3D 모델을 만든 뒤 프로젝트로 가져오세요.
미리보기 작품의 권리는 각 제작자에게 있습니다. 코드나 자료를 재사용하기 전에 원본 출처와 프로젝트 라이선스를 확인하세요.
