진화하는 WebGL 생태계
순수 WebGL과 GLSL로 HTML 파일 하나에 진화하는 3D 생태계를 만드세요. 돌연변이, 자연선택, 포식, 에너지 사용, 다세포 결합이 서로 작용하게 하세요.
참고 작품에서 편집 가능한 세계, 플레이 가능한 결과로
Blender 장면, Three.js 웹사이트, 게임을 위한 Astra 프롬프트와 실제 3D 예제를 살펴보세요. 결과를 미리 보고 제작 지침을 복사하며, 공개된 경우 GitHub 프로젝트도 확인할 수 있습니다.
복사하고, 바꾸고, 만드세요
순수 WebGL과 GLSL로 HTML 파일 하나에 진화하는 3D 생태계를 만드세요. 돌연변이, 자연선택, 포식, 에너지 사용, 다세포 결합이 서로 작용하게 하세요.
Three.js 코드로 나폴레옹의 3D 흉상을 만드세요. 단계적으로 제작하고 여러 각도에서 살펴보며 얼굴 비율과 의상 디테일을 다듬으세요.
밤에 비 내리는 네온 도시를 내려다보는 영화적인 사이버펑크 침실을 Blender로 만드세요. 움직이는 광고판을 추가하고 사실적이며 끊김 없이 반복되게 하세요.
반 고흐 그림 여섯 점을 하나의 탐험 가능한 마을로 합쳐 ‘별이 빛나는 밤’의 거리를 산책할 수 있게 하세요. 그림 사이를 자연스럽게 잇는 통로, 일관된 크기, 잔잔한 환경 상호작용을 설계하세요.
쑤저우 박물관에 관한 웹페이지를 참고해 Blender에서 정원을 재현하세요. 현대 건축과 중국 전통 조경의 관계를 유지하는 연속적인 워크스루를 만드세요.
제공된 은하 히어로의 시각적 표현을 분석하고 영상이 아닌 실시간 WebGL로 재구축하세요. 깊이감 있는 입자, 빛나는 먼지, 부드러운 포인터 반응, 절제된 타이포그래피 여백, 기기 성능에 따른 조정을 활용하세요.
Three.js에서 날씨를 조절할 수 있는, 정육면체 안에 갇힌 폭풍을 생성하세요.
Blender에서 에너지 코어, 링 2개, 금속 받침대를 모델링하세요. 재질을 포함해 Three.js 뷰어로 내보내고 회전, 확대·축소, 자동 공전, 맥동 조작 기능을 추가하세요.
빈 프로젝트에서 완전한 브라우저 3D 비행 게임을 만드세요. 조종 가능한 비행, 이동 가능한 환경, 명확한 목표, 일관된 표현을 포함하세요.
회로도 PDF로 KiCad 회로를 수정하고 50 × 20 mm 2층 PCB를 배선한 뒤 3D 조립 모델을 렌더링하세요. 부품 데이터시트를 검토하고 설계 규칙 위반을 해결하세요.
베이킹 없이 Blender Geometry Nodes를 사용해 주기적으로 반복되는 수면 효과를 만드세요. 노드 구성을 편집 가능한 상태로 유지하고, 완전한 유체 시뮬레이션이 아닌 수면 모델임을 설명하세요.
애니메이션에서 영감을 받은 미감의 3D 강 카약 게임을 만드세요. 좌우로 노를 저어 장애물을 피하게 하고 흐르는 물, 풍경, 음악, 효과음을 코드로 생성하세요.
G7 국가 하나를 소재로 자동 진행되는 아케이드 게임을 만드세요. 알아보기 쉬운 문화적 랜드마크 하나를 핵심 규칙으로 바꾸고, 입력 없이도 동작을 이해할 수 있게 하세요. 점수, 높아지는 난도, 기억에 남는 장면을 추가하세요.
증기기관차를 텍스처를 입힌 껍데기가 아니라 실제 기계 구조를 분해할 수 있는 Blender 모델로 만드세요. 차축, 축상 가이드, 축상 블록, 스테이, 서스펜션 링크, 증기 돔, 모든 주요 조립 단위를 분리하고 이름을 붙이세요.
참고 이미지로 선술집을 재현하고 손님과 직원을 배치하세요. 손님은 음식과 음료를 주문하고 직원은 이를 준비하게 하세요. 충돌 처리와 길 찾기를 구현하세요.
실시간 Three.js 은하를 중심으로 고급스러운 출시 페이지 히어로를 만드세요. 입자가 은은하게 숫자 6의 실루엣을 이루고 스크롤과 포인터에 반응하게 하세요. 텍스트 가독성을 유지하고 저사양 기기에서는 효과를 자연스럽게 줄이세요.
반 고흐에서 영감을 받은 걸어 다닐 수 있는 Three.js 마을을 만드세요. 그림 속 거리, 별, 카페, 들판을 층이 있는 3D 공간으로 바꾸고, 셰이더·텍스처·움직이는 빛으로 붓질의 느낌을 살리세요.
제공된 2D 캐릭터 로고를 애니메이션이 있는 3D 버전으로 바꾸세요. 입체감과 움직임을 더하더라도 원래 캐릭터를 알아볼 수 있는 특징을 유지하세요.
Noctavia 캐릭터 일러스트를 플레이 가능한 3D 캐릭터로 재현하세요. 디자인 언어를 유지하고 인터랙티브 전시에 적합한 완전한 모델을 만드세요.
폭풍 구역, AI 적 9명, 펄스 소총, 체력, 재장전이 있는 3인칭 브라우저 배틀로얄을 만드세요. 설치 가능한 엄폐벽과 마지막까지 결판이 나는 탈락전 흐름을 포함하세요.
넓은 부지, 정교한 근접 장면, 따뜻한 저녁빛을 갖춘 아디요기 장면을 Blender에서 만드세요. 30초 비행 투어를 렌더링하고 편집 가능한 장면을 보관하세요.
편집 가능한 Blender 아자디 타워 모델을 만드세요. 퍼지는 기단, 교차 아치, 무늬가 있는 표면, 알아볼 수 있는 비율에 집중하세요.
테이블 위에 레코드플레이어를 놓은 Three.js 장면을 만드세요. 조명이 켜지는 연출과 플레이어 및 주변 가구를 비추는 카메라를 구성해 제품 소개 데모처럼 보여 주세요.
참고 이미지로 Blender에서 예인선을 재구성하세요. 선체, 기울어진 조타실, 갑판 장비, 예인 장비를 모델링하고, 시점 간 불일치를 해결해 일관된 선박을 만드세요.
구현을 살펴보고 싶나요? GitHub 프로젝트로 필터링하거나 여러 모델의 소스 코드 예제를 둘러보세요. 코드 재사용 전 리포지터리 라이선스를 확인하세요.
소스 코드가 있는 3D 프로젝트 보기 ↗3D 제작 과정 영상
독립 제작자가 각 모델로 실제 3D 작품을 만드는 과정을 본 뒤 위의 무료 프롬프트로 자신만의 실험을 해보세요.
Peter Yang이 네 가지 게임 프로젝트를 만드는 과정을 따라가 보세요. 참고 이미지와 개발 환경 준비부터 플레이 가능한 장면 구현, 피드백을 통한 개선까지 살펴볼 수 있습니다.
YouTube ↗이 모음에 대해
실제 제작에 활용할 Astra 프롬프트를 찾고 있나요? Blender 모델, Three.js 사이트, 브라우저 게임, 탐험 가능한 세계처럼 목적에 맞는 3D 예제부터 시작하세요. 각 항목에는 시각적 결과, 제작자, 출처 링크, 프롬프트 또는 명확하게 구분한 출처 기반 제작 지침이 함께 있습니다.
좋은 Astra 3D 프롬프트는 무엇을 만들지, 어떤 소프트웨어를 쓸지, 무엇을 편집 가능한 상태로 남길지, 어떻게 결과를 확인할지 정합니다. 출발점을 복사해 주제와 제약을 바꾸고, 같은 지침을 GPT-6 Astra나 다른 모델로 테스트하세요. 조정해서 쓰는 참고 자료이며 프롬프트 하나가 전체 데모를 그대로 재현한다는 보장은 아닙니다.
활용하기 좋은 작업
01
Astra Blender 프롬프트에는 오브젝트, 재질, 조명, 카메라를 명시하세요. 별도로 편집 가능한 오브젝트와 저장된 장면을 요청한 뒤 여러 각도에서 렌더링을 확인하세요.
02
Astra Three.js 프롬프트에는 장면, 마우스·터치 조작, 로딩 동작, 대상 기기를 설명하세요. 브라우저 게임이라면 완결된 플레이 흐름도 포함하세요.
03
Unreal Engine과 Unity 예제로 탐험 가능한 세계를 계획하세요. 크기, 충돌, 카메라 이동, 필요한 파일을 지정하세요. 쇼케이스 영상만으로 프로젝트가 출시 준비를 마쳤다고 판단할 수는 없습니다.
프롬프트 작성법
어떤 오브젝트를 분리하고 이름을 붙여 편집 가능하게 유지해야 하는지 명시하세요. 겉보기에 그럴듯한 껍데기도 실제로는 쓸 수 없을 수 있습니다.
장면을 실행하고 눈에 보이는 실패를 점검하며 구체적인 프레임률·상호작용·배치 검사를 통과할 때까지 반복하도록 요청하세요.
큰 세계는 구역, 조립 단위, 단계별 목표로 나누고 각 부분을 확인한 뒤 범위를 넓히세요.
다음 장면에 자세히 들여다보고 싶은 캐릭터를 더하세요. 이미지나 짧은 설명으로 정교한 텍스처가 있는 3D 에셋을 만들 수 있습니다.
3D 에셋 무료 생성아닙니다. 각 항목의 유형을 표시했습니다. ‘공개 원문’은 제작자가 공개한 지시문에 해당하며 이 페이지에는 한국어 번역을 표시합니다. ‘공개 자료 기반 제작 지침’은 공개 데모 설명을 바탕으로 재구성한 프롬프트입니다. 공개되지 않은 프롬프트를 입수했다고 주장하지 않습니다.
특정 모델에만 통하는 마법의 문장이 아니라 참고 자료로 사용하세요. 결과와 검수 기준을 유지하고 도구, 에셋 예산, 카메라, 조작, 출력 형식을 Astra, Claude, Kimi 등 사용하는 모델에 맞게 조정하세요.
‘GitHub 있음’ 필터로 공개 코드가 있는 Astra 3D 예제를 찾은 뒤 항목을 열어 리포지터리와 제공되는 라이브 데모를 확인하세요. 오픈소스 모음에서는 모델을 가로질러 찾아볼 수 있습니다. 재사용하기 전에 각 리포지터리의 라이선스와 설치 방법을 확인하세요.