참고 디자인으로 만드는 Three.js 포트폴리오
제공된 시각 참고 자료를 완성도 높은 Three.js 웹사이트로 재현하세요. 겹겹의 입자, VHS·CRT 질감, 유연한 전환, 사용자 조작에 반응하는 상호작용을 포함하세요.
다음 멋진 작품을 위한 출발점
출처가 있는 3D 프롬프트를 참고해 자신의 목적에 맞게 바꿔보세요. 같은 아이디어를 GPT-6 Astra, Claude, Kimi 등 사용하는 모델에서 시험할 수 있습니다.
제공된 시각 참고 자료를 완성도 높은 Three.js 웹사이트로 재현하세요. 겹겹의 입자, VHS·CRT 질감, 유연한 전환, 사용자 조작에 반응하는 상호작용을 포함하세요.
개발자가 ‘3D 축구장을 만들어주세요’라는 동일한 과제로 모델을 비교했습니다.
드리프트, 부스트, 회전할 때 기우는 카메라, 에어브레이크, 방어막 아이템이 있는 고속 Three.js 반중력 전투 레이싱을 만드세요. 외계 고가 트랙에 경량·균형형·중량 기체를 포함하세요.
Subway Surfers 게임을 만들어주세요.
수천 명의 병사, 일하는 주민, 공성 시스템, 파괴 가능한 구조물, 전황을 바꿀 수 있는 드래곤이 있는 거대한 복셀 중세 왕국을 만드세요.
로컬·절차적 에셋으로 Godot에서 Sonic 스타일 3D 레벨을 완성도 있게 만드세요. 관성, 반응이 좋은 이동, 링, 루프, 그라인드 레일, 끊김 없는 열대 해안을 우선하세요.
사진측량 스캔을 바탕으로 Blender에서 거실을 다시 만드세요. 장면을 처음부터 모델링하고 스캔에서 텍스처를 가져오며 적절한 곳에는 절차적 셰이더를 사용하세요.
Three.js로 Airbus H145 헬리콥터 3D 모델을 만드세요. 객실, 스키드 착륙장치, 로터 조립체를 알아보고 살펴볼 수 있게 하세요.
Three.js에서 정교한 해전을 한 번의 대화로 만드세요. 서로 구별되는 여러 함선, 물리적으로 설득력 있는 물과의 상호작용, 항적과 물보라, 공중전, 폭발, 영화적 조명, 카메라 움직임, 성능을 고려한 렌더링을 포함하세요.
Three.js(CDN)를 사용해 간단한 복셀 스타일 축구 애니메이션을 HTML 파일 하나로 만드세요. 블록형 선수가 수비수 2명을 드리블로 제치고 멋진 골을 넣으면 축하 입자가 터집니다. 다채로운 경기장 분위기로 만드세요. 완전한 HTML 코드만 출력하세요.
독립 실행 Three.js HTML 파일로 루브 골드버그 장치를 만드세요. 기계적 상호작용이 연달아 이어지다가 마지막에 버튼을 눌러 극적인 폭발을 일으키게 하세요.
참고 이미지로 Teenage Engineering TP-7을 Three.js에서 재현하세요. 형태와 겉으로 보이는 조작부를 맞추고, 여러 방향에서 살펴볼 수 있는 3D 모델로 만드세요.
프롬프트 — 기존 프로젝트가 이미 프레임워크를 사용하지 않는 한, 기본 HTML, CSS, JavaScript와 Three.js로 ‘Jelly Jungle’이라는 완전한 브라우저 3D 게임을 만드세요. 다채로운 장난감 세계와 정글 놀이터에서 영감을 받은 독창적인 아케이드 장애물 코스를 만드세요. (수록된 텍스트는 이 지점에서 끊겨 있습니다.)
이번 테스트: 프롬프트 3개, 단일 HTML, @threejs, 완전한 절차적 생성, 외부 에셋 없음. 각각 작은 발사 버튼(Web Audio 총성, 총구 섬광, 반동, 탄피 배출)과 분해 전환 기능을 넣어 라벨이 있는 부품으로 펼쳤다가 다시 조립한다. 1. 5.56 M4 카빈: 길이 조절 개머리판, safe·semi·burst 표시 하부, r14–r28 패널 번호가 있는 쿼드레일, Aimpoint 레드닷, 수직 손잡이, 접이식 양각대, A2 소염기. 10개 부품으로 분해. 2. Glock 18C: 발사 모드 선택형 기관권총, 18C의 포트형 보정기 슬롯, ‘glock 18c / austria 9x19’ 각인, 33발 연장 탄창. 슬라이드, 포트형 총열, 복좌 용수철, 프레임, 탄창으로 분해. 3. Steyr TMP: 리브가 있는 폴리머 외장, 나사산 총열, 일체형 전방 수직 손잡이, 기울어진 반투명 30발 탄창.
참고 경기장을 정교하고 이동 가능한 3D 장면으로 재현하세요. 관람석 층, 경기장, 지붕, 조명, 크기를 정확히 만들고 시각적 충실도와 생성 비용을 비교하세요.
제공된 3D 캐릭터에 리그를 만들고 걷기, 달리기, 여러 쿵후 동작을 추가하세요. 애니메이션에서 관절이 깨지거나 자세가 불안정한지 살펴보세요.
첨부 이미지를 바탕으로 탐험 가능한 Three.js 3D 세계를 만드세요. 요구 사항 1인칭 조작(WASD + 마우스 시점), 충돌 감지, 지오메트리 통과 금지. AAA 시각 품질: PBR 재질, HDRI 기반 조명, 실제 그림자, 후처리(톤 매핑, 블룸, AA). 움직이거나 상호작용할 수 있는 모든 것에 물리 적용. 중급 GPU에서 60fps. 과정 지형, 소품·지오메트리, 재질·텍스처, 조명, 물리, 조작·카메라, 성능을 독립 작업으로 나누고 각 작업에 서브에이전트 하나를 배정하세요. 각 서브에이전트는 담당 영역을 처음부터 끝까지 책임지고, 무엇을 만들었고 무엇이 아직 부족한지 보고합니다. 통합 후 세계를 직접 돌아다니며 보이는 결함을 모두 기록하고 수정하세요. 한 차례 검토에서 결함이 전혀 나오지 않거나 5회 반복할 때까지 진행하세요. 어느 경우든 해결되지 않은 항목을 보고하세요. 실행 가능한 단일 프로젝트와 시작 방법을 제공하세요.
플레이어가 층층이 펼쳐진 환경을 지나 후지산 정상으로 향하는 아름다운 Three.js 판타지 여정을 만드세요. 분위기 있는 조명, 이동, 위로 올라간다는 명확한 감각을 담으세요.
Blender로 만든 캐릭터, 안정적인 조작, 이동·스윙 애니메이션, 공 물리, 점수, 상대 선수, 경기 흐름을 갖춘 플레이 가능한 Unity 테니스 게임을 완성하세요.
Three.js 열차 모델을 도시, 분기점, 강, 다리가 있는 철도 시뮬레이션으로 확장하세요. 열차 추적, 자유로운 3D 시점, 아이소메트릭 시점의 카메라와 연기 효과를 추가하세요.
뉴욕시를 배경으로 한 GTA 스타일 초기 오픈월드 멀티플레이 프로토타입을 만드세요. 운전, 도보 이동, 도시 교통, 임무, 살아 있는 세계처럼 느껴지는 플레이 흐름을 포함하세요.
플레이어가 배 안을 이동하며 임무를 수행하고 빙산을 피하려 애쓰는 영화적인 타이타닉 게임을 만드세요. 명확한 조작과 점점 커지는 위험을 구현하세요.
전쟁 중 베트남 정글을 비행하는 군용 헬리콥터의 영화적인 3D 애니메이션.
각기 다른 특수 능력을 가진 새 네 마리가 등장하는 3D 새총 게임을 만드세요. 조준 후 놓는 조작, 파괴 가능한 구조물, 반복 플레이 가능한 점수 흐름을 포함하세요.
3D 제작 과정 영상
독립 제작자가 각 모델로 실제 3D 작품을 만드는 과정을 본 뒤 위의 무료 프롬프트로 자신만의 실험을 해보세요.
Peter Yang이 네 가지 게임 프로젝트를 만드는 과정을 따라가 보세요. 참고 이미지와 개발 환경 준비부터 플레이 가능한 장면 구현, 피드백을 통한 개선까지 살펴볼 수 있습니다.
YouTube ↗11:35부터 시작하는 3D 구간에서 늑대인간 캐릭터, 애니메이션, 플레이 가능한 숲 장면을 확인하세요. Astra를 전반적으로 살펴보는 리뷰의 일부입니다.
YouTube ↗지시 해석부터 지오메트리 계획, 장면 반복 개선까지 Kimi K3가 3D·Blender 제작을 진행하는 과정을 살펴보세요.
YouTube ↗Claude Opus 5에 프롬프트 하나로 플레이 가능한 3D 게임을 만들도록 하는 실전 도전입니다. 조작, 게임 상태, 검수 기준을 구성하는 데 참고할 수 있습니다.
YouTube ↗Claude Fable 5를 3D 모델링 담당으로 직접 시험하는 영상입니다. 시각적 프롬프트를 다듬을 때 고려할 강점과 한계를 살펴볼 수 있습니다.
YouTube ↗무료 AI 3D 프롬프트 라이브러리
Blender 모델링, Three.js 웹사이트, 브라우저 게임, 인터랙티브 세계를 위한 3D 프롬프트 예제를 살펴보세요. 각 항목은 공개 프로젝트에 연결되며 제작자의 실제 프롬프트와 출처 기반 제작 지침을 구분해, 무엇을 참고하는지 알 수 있습니다.
Astra 프롬프트부터 시작해 Claude와 Kimi 예제를 비교하거나 GitHub 코드가 있는 프로젝트만 골라보세요. 참고 지침을 복사해 자신의 장면에 맞게 조정하고 원하는 모델로 시험하세요. 더 정교한 캐릭터와 소품은 Tripo에서 3D 에셋으로 만들 수 있습니다.

Blender 장면, Three.js 웹사이트, 게임을 위한 Astra 프롬프트와 실제 3D 예제를 살펴보세요. 결과를 미리 보고 제작 지침을 복사하며, 공개된 경우 GitHub 프로젝트도 확인할 수 있습니다.
프롬프트 살펴보기 →Three.js 게임, WebGL 세계, Blender 장면, 시뮬레이션, 인터랙티브 사이트를 위한 무료 Claude Fable 5.1 3D 프롬프트와 출처 기반 제작 지침입니다.
프롬프트 살펴보기 →플레이 가능한 브라우저 게임, Three.js 세계, 물리 시뮬레이션, 빠른 인터랙티브 코딩 실험을 위한 무료 Kimi K3 3D 프롬프트입니다.
프롬프트 살펴보기 →복잡한 Three.js 앱, 물리 시뮬레이션, 브라우저 게임, 조건을 세심하게 정한 인터랙티브 프로토타입용 무료 Claude Opus 5 3D 프롬프트입니다.
프롬프트 살펴보기 →표현력 있는 Three.js 장면, 개성 있는 환경, 생성형 움직임, 인터랙티브 시각 실험을 위한 무료 Claude Fable 5 3D 프롬프트입니다.
프롬프트 살펴보기 →테마를 바꾸기 전에 장면 계층, 조작, 피드백 흐름을 유지하세요.
전부 다시 쓰기보다 주제, 카메라, 색감, 대표 상호작용을 바꾸세요.
프로토타입이 작동하면 Tripo에서 독창적인 캐릭터, 소품, 환경을 생성하세요.
다음 장면에 자세히 들여다보고 싶은 캐릭터를 더하세요. 이미지나 짧은 설명으로 정교한 텍스처가 있는 3D 에셋을 만들 수 있습니다.
3D 에셋 무료 생성