lhlGitHub/threejs-architecture-effects

어떤 프로젝트인가요?

핵심 기능

• 01평면 동영상이 아닌, 오비트할 수 있는 견고한 Three.js 건축물을 생성합니다
• 02재생, 일시 정지, 스크럽, 다시 재생을 지원하는 하나의 0~1 타임라인으로 시공 과정을 제어합니다
• 03벽돌, 목재, 회반죽, 기와, 석재, 청동용 절차적 PBR 재질을 생성합니다
• 04처마와 석사자를 가까이서 볼 수 있는 디테일 카메라를 제공합니다
• 05기존 폴더를 덮어쓰지 않고 Vite + React 스타터를 복사하는 스캐폴드 스크립트를 제공합니다

활용 사례

• AI 코딩 에이전트에 프롬프트를 입력해 Three.js로 중국식 누각이나 건축물 장면을 생성합니다
• 층별 시공 애니메이션이 포함된 인터랙티브 건축 쇼케이스를 만듭니다
• 스타터 템플릿을 호숫가 누각과 같은 다른 설계에 맞게 수정합니다

빠른 시작

1. 1

   리포지토리를 클론합니다

   git clone https://github.com/lhlGitHub/threejs-architecture-effects.git
2. 2

   스타터를 기반으로 새 프로젝트를 생성합니다

   node threejs-architecture-effects/scripts/scaffold.mjs ./my-building
3. 3

   종속성을 설치하고 개발 서버를 시작합니다

   npm ci && npm run dev

사용 전 알아둘 점

• !Node.js 22.13 이상 및 WebGL2를 지원하는 브라우저가 필요합니다.
• !데스크톱 환경에 맞춰져 있으며, README에서는 모든 기기에서 원활하게 동작한다고 보장하지 않습니다.
• !동영상 내보내기는 포함되어 있지 않습니다. 결과물은 인터랙티브 사이트입니다.

토픽

자주 묻는 질문

threejs-architecture-effects은(는) 무엇인가요?

Codex, Claude Code, Cursor가 벽돌을 한 장씩 쌓아 올리는 Three.js 건축 장면을 만들도록 돕는 Agent Skill입니다. 이 프로젝트는 AI 코딩 에이전트가 Three.js로 인터랙티브한 중국식 건축물을 만들도록 안내하는 Agent Skill입니다. 결과물은 실행 가능한 Vite + React + Three.js 사이트로, 하나의 0~1 타임라인에 따라 견고한 미니어처 건물이 저절로 조립됩니다. 재생, 일시 정지, 뒤로 스크럽, 시공 애니메이션 다시 재생을 지원합니다. 구성 요소로는 벽돌 층, 목재 골조, 두공, 겹처마, 점토 기와가 있습니다.

threejs-architecture-effects은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

threejs-architecture-effects은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

threejs-architecture-effects은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. threejs-architecture-effects의 마지막 커밋은 2026년 9월 22일입니다.

threejs-architecture-effects은(는) 어디에 사용할 수 있나요?

AI 코딩 에이전트에 프롬프트를 입력해 Three.js로 중국식 누각이나 건축물 장면을 생성합니다 층별 시공 애니메이션이 포함된 인터랙티브 건축 쇼케이스를 만듭니다 스타터 템플릿을 호숫가 누각과 같은 다른 설계에 맞게 수정합니다

threejs-architecture-effects는 어떻게 설치하나요?

리포지토리를 클론합니다: git clone https://github.com/lhlGitHub/threejs-architecture-effects.git 스타터를 기반으로 새 프로젝트를 생성합니다: node threejs-architecture-effects/scripts/scaffold.mjs ./my-building 종속성을 설치하고 개발 서버를 시작합니다: npm ci && npm run dev

threejs-architecture-effects은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/lhlGitHub/threejs-architecture-effects