lhlGitHub/threejs-architecture-effects

Что это?

Ключевые возможности

• 01Создаёт цельное вращаемое здание на Three.js, а не плоское видео
• 02Анимацией строительства управляет единая временная шкала от 0 до 1 с запуском, паузой, прокруткой и повторным воспроизведением
• 03Процедурные PBR-материалы для кирпича, дерева, штукатурки, черепицы, камня и бронзы
• 04Камеры для крупных планов карнизов и каменных львов
• 05Скрипт scaffold копирует стартовый шаблон на Vite + React, не перезаписывая существующие директории

Сценарии использования

• Создание по запросу AI coding agent сцены китайского павильона или здания на 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?

Agent Skill, с помощью которого Codex, Claude Code или Cursor создаёт вращаемую сцену здания на Three.js, собирающегося кирпич за кирпичом. Этот проект — Agent Skill, который помогает AI coding agent создать интерактивную 3D-сцену здания в китайском стиле на Three.js. На выходе получается запускаемый сайт на Vite + React + Three.js: миниатюрное здание собирается в рамках единой временной шкалы от 0 до 1. Сборку можно запускать, ставить на паузу, прокручивать назад и воспроизводить заново. В конструкции есть ряды кирпичей, деревянный каркас, кронштейны доугун, многоярусные карнизы и глиняная черепица.

threejs-architecture-effects можно использовать бесплатно? Какая у него лицензия?

threejs-architecture-effects распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

threejs-architecture-effects всё ещё поддерживается?

Активно поддерживается. Последний коммит в threejs-architecture-effects — 22 сент. 2026 г..

Для чего можно использовать threejs-architecture-effects?

Создание по запросу AI coding agent сцены китайского павильона или здания на 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