lhlGitHub/threejs-architecture-effects

해결하는 문제

이 프로젝트는 AI 에이전트(Codex, Claude Code, Cursor 등)가 실시간으로 자가 조립되는 인터랙티브한 3D 건축 미니어처를 생성할 수 있도록 해주는 포터블한 '에이전트 기술'을 제공합니다. 사전에 제작된 3D 모델이나 API 키가 필요 없으며, 코드로 중국 정원의 정자와 같은 복잡한 구조물을 프로그래밍적으로 생성할 수 있습니다.

작동 방식

시스템은 Vite, React, Three.js 스타터 킷을 사용합니다. 에이전트는 기초부터 장식까지의 조립 계획을 작성하고, 최종 윤곽을 먼저 모델링하여 정렬을 보장합니다. 모든 3D 조각에는 시작 시간, 지속 시간, 이동 경로가 할당되며, 사용자가 재생, 일시정지, 스クラ브 조작이 가능한 단일 0–1 타임라인에 의해 제어됩니다. 외부 텍스처를 사용하지 않고 블록, 나무, 돌 등의 재료는 프로시저적으로 생성됩니다.

대상 사용자

3D 소프트웨어에서 수동으로 자산을 모델링하지 않고도 오비탈 시각화와 인터랙티브한 3D 건축 시각화를 생성하고 싶은 개발자 및 AI 에이전트 사용자.

주요 특징

• 자기 조립 기하학: 타임라인으로 제어되는 블록 단위 및 레이어 단위의 건물 조립.
• 프로시저 재료: 유료 모델 없이도 나무, 석고, 타일, 청동 등의 내장 로직을 포함.
• 인터랙티브 컨트롤: 오비탈, 줌, 건축 세부 사항을 위한 전용 카메라 지원.
• 에이전트 호환: AI 코드 에이전트의 스킬 디렉터리에 바로 삽입해 즉시 사용할 수 있도록 설계.