적합한 도구로 시작하기
원하는 코딩 도우미나 3D 도구를 여세요. 예시에 표시된 모델을 시작점으로 삼고, 연결된 프로젝트의 설정 안내를 확인하세요.
GPT-6 Astra참고용 제작 설명
Orbit Lab: 태양·지구·달 3D 시뮬레이션
링크된 기사에서 GPT-6 Astra·Sol·Luna를 포함한 4개 모델에 공통으로 입력했다고 명시한 비교용 요청문입니다. Three.js로 절차적으로 생성한 태양·지구·달, 공전과 자전, 클릭 선택, 카메라 조작, 재생·속도·포커스 등의 기능을 갖춘 교육용 3D 시뮬레이션 웹 작품을 구현합니다.
이 예시에 대해
제작자가 공개한 프로젝트를 바탕으로 정리한 시작용 설명이며, 원본 프롬프트를 그대로 옮긴 것이 아닙니다. 결과는 달라질 수 있습니다.
GPT-6 AstraThree.js3D 시뮬레이션태양지구달OrbitControls천체 궤도
프롬프트
비교 실험입니다. 다음의 동일한 사양으로 웹 작품을 작업 디렉터리에 구현하고 완성해 주세요. 이름은 ‘Orbit Lab’입니다. Three.js 0.186.0을 사용하고, 동일한 버전의 본체와 OrbitControls를 불러와 주세요(CDN import map이나 npm 모두 사용 가능). 공개하거나 배포할 필요는 없습니다.
요구 사항:
1. 태양·지구·달의 3D 모델을 절차적 지오메트리와 머티리얼로 표현합니다. 외부 이미지나 3D 에셋은 사용하지 않습니다. 태양을 점광원으로 설정하고, 카메라를 조작했을 때 지구와 달의 명암을 확인할 수 있어야 합니다.
2. delta time을 사용해 지구의 공전과 자전, 지축 기울기, 달의 공전을 움직입니다. 궤도면의 기울기를 시각화하고 지구와 달의 궤도선을 표시합니다. 스케일과 속도는 교육을 위해 과장해도 됩니다.
3. 재현 가능한 난수로 별이 있는 배경을 생성합니다. OrbitControls로 회전과 줌을 지원합니다. 천체를 클릭하면 선택 상태와 설명 패널이 전환됩니다.
4. 재생/일시정지, 속도 슬라이더, 궤도선 표시 전환, 태양/지구/달로 카메라 포커스, 초기 상태로 되돌리는 버튼을 제공합니다. 키보드로도 재생/일시정지와 리셋을 조작할 수 있어야 합니다.
5. 스마트폰 화면 너비에서도 조작할 수 있는 UI, WebGL을 지원하지 않을 때의 안내, 리사이즈 대응, 과도한 렌더링 부하를 피하기 위한 픽셀 비율 제한을 포함합니다.
6. README에 실행 절차와 조작 방법을 작성합니다. 가능하다면 실제로 실행해 동작을 확인하고, 실행할 수 없다면 그 이유를 명시합니다. 완료 보고에는 생성한 파일, 구현된 항목, 확인 결과를 간결하게 작성합니다.
중간에 질문하지 말고 합리적으로 판단해 끝까지 구현해 주세요.
이 프롬프트 사용법
바꿀 요소 하나 고르기
주제, 미술 스타일, 배경을 바꿔보세요. 카메라와 상호작용을 명확히 설명하세요. 먼저 작은 버전을 만든 다음 한 번에 하나씩 다듬으세요.
장면에 나만의 모델 추가하기
나만의 캐릭터나 소품이 필요하면 짧은 물체 설명이나 참고 이미지로 3D 모델을 만든 뒤 프로젝트로 가져오세요.
미리보기 작품의 권리는 각 제작자에게 있습니다. 코드나 자료를 재사용하기 전에 원본 출처와 프로젝트 라이선스를 확인하세요.
