편집 가능 범위를 지정하세요
어떤 오브젝트를 분리하고 이름을 붙여 편집 가능하게 유지해야 하는지 명시하세요. 겉보기에 그럴듯한 껍데기도 실제로는 쓸 수 없을 수 있습니다.
GPT-6 Astra로 만든 3D 예제 ‘Three.js와 WebGPU로 제작하는 인터랙티브 소프트바디 슬라임’에서 GPT6 Astra, Three.js 구현을 살펴보세요. 결과를 확인하고 프로젝트에 맞게 프롬프트를 수정해 보세요.
캐릭터 하나를 실제 제작 방식 두 가지로 비교했습니다. 결과는 작업에 따라 달라집니다.
다음 장면에 자세히 들여다보고 싶은 캐릭터를 더하세요. 이미지나 짧은 설명으로 정교한 텍스처가 있는 3D 에셋을 만들 수 있습니다.
3D 에셋 무료 생성새 디렉터리를 만들고, 브라우저에서 플레이할 수 있는 슬라임 페이지를 제작해 주세요. Three.js와 WebGPU를 사용하고, WebGL로 대체하지 마세요. 화면 중앙에는 동글동글한 슬라임을 배치해 주세요. 분홍색이나 청록색 모두 괜찮고, 반투명한 표면 안에 기포가 은은하게 보이도록 해 주세요. 마우스로 눌러 변형하거나 끌고 다닐 수 있어야 하며, 놓으면 흔들리면서 원래 형태로 돌아오게 해 주세요. 약간의 중력을 적용해 보이지 않는 책상 위에 가볍게 튕겨 부딪힐 수 있도록 해 주세요. 단단한 공처럼 보이지 말고, 말랑한 살덩이 같은 느낌을 살려 주세요. 얼굴에는 귀여운 포인트를 추가해 주세요. 검은 콩알 같은 눈 두 개와 작은 입을 배치하고, 눈과 입도 몸체 표면과 함께 눌려 변형되도록 해 주세요. 눈과 몸체를 분리된 요소처럼 만들지 마세요. 오른쪽에는 색상, 탄성, 감쇠를 조절하는 간단한 컨트롤을 몇 가지 배치해 주세요. 「콕 찌르기」 버튼을 누르면 슬라임이 한 번 튀어 오르게 해 주세요. 페이지는 깔끔하게 구성하고, 배경은 밝은 회색으로 해 주세요. 제목은 큰 글자로 표시해 주세요. 60fps로 실행될 수 있어야 합니다. 먼저 목표 효과 이미지를 만든 다음, 그 이미지를 기준으로 구현해 주세요. 스크린샷이 목표와 비슷해진 뒤에 세부 요소를 추가해 주세요.
프롬프트 살펴보기
GPT6 Astra, Three.js, WebGPU를 다룬 GPT-6 Astra 3D 예제 ‘Three.js와 WebGPU로 제작하는 인터랙티브 소프트바디 슬라임’을 살펴보세요. 원문 프롬프트인지 공개 자료를 재구성한 제작 지침인지는 출처 유형에서 확인할 수 있습니다.
핵심 결과를 유지한 뒤 카메라, 조작, 조명, 성공한 결과가 해야 할 일을 지정하세요. 시각 디테일을 더하기 전에 먼저 테스트하세요.
어떤 오브젝트를 분리하고 이름을 붙여 편집 가능하게 유지해야 하는지 명시하세요. 겉보기에 그럴듯한 껍데기도 실제로는 쓸 수 없을 수 있습니다.
장면을 실행하고 눈에 보이는 실패를 점검하며 구체적인 프레임률·상호작용·배치 검사를 통과할 때까지 반복하도록 요청하세요.
큰 세계는 구역, 조립 단위, 단계별 목표로 나누고 각 부분을 확인한 뒤 범위를 넓히세요.
프롬프트로 게임이나 장면을 만들었다면, 그 안의 캐릭터와 소품에도 생명감을 더해보세요. Tripo로 정교한 에셋을 만들어 단순한 임시 모델을 교체할 수 있습니다.
제작자가 공개한 프로젝트 설명을 바탕으로 재구성한, 재사용 가능한 제작 지침입니다. 공개되지 않은 원본 프롬프트를 그대로 옮긴 것이 아닙니다.
생성한 괴수 모델과 효과음을 사용해 괴수물에서 영감을 받은 Three.js 게임을 만드세요. 거대한 규모의 전투가 명확히 보이고 괴수의 크기를 전달하는 환경을 만드세요.
리깅에 앞서 Blender에서 Tripo 캐릭터의 표정별 변형을 준비하세요. 메시의 위치를 맞추고, 비활성 표정은 머리 안쪽으로 축소해 숨겨 표정이 단계적으로 전환되게 하세요. 부드러운 블렌딩이나 VRM 호환성을 지원한다고 표현하지 마세요.