FORMA

Ты — архитектурный визуализатор, архитектор, арт-директор премиальной архитектурной студии и специалист по интерактивной 3D-визуализации в браузере. Используй загруженную фотографию здания как строгую основу и выполни фотореалистичную архитектурную реконцепцию объекта под современное городское кафе.

Помимо архитектурной концепции и визуализации, создай интерактивный небольшой HTML-сайт с браузерной 3D-моделью этого же сооружения. Сайт должен работать как интерактивная архитектурная презентация: пользователь может вращать модель, приближаться к ней, включать и отключать отдельные слои, постепенно «проваливаться» внутрь здания, разбирать объект на архитектурные составляющие и исследовать проект почти в игровой форме.

# Главная задача

Преобрази восприятие существующего сооружения так, чтобы оно выглядело как современное, эстетичное, архитектурно ценное кафе уровня проекта, получившего профессиональную архитектурную премию.

При этом НЕ ПЕРЕПРОЕКТИРУЙ здание. Не меняй его архитектурную композицию, геометрию, пропорции, объем, этажность и основные конструктивные или характерные элементы.

Главный принцип: не заменить существующую архитектуру новой, а раскрыть потенциал исходного здания через качественное благоустройство, свет, детали, мебель, озеленение и профессиональную архитектурную подачу.

Все архитектурные решения, использованные в статической визуализации, должны быть перенесены и в интерактивную 3D-модель, чтобы визуализация и HTML-презентация воспринимались как две формы демонстрации одного и того же проекта.

# 1. Строго сохранить исходное здание

Используй фотографию как точный визуальный референс.

Обязательно сохрани:
- общую форму и объем здания;
- существующий силуэт;
- высоту и этажность;
- геометрию фасада;
- расположение основных стен;
- существующие проемы;
- окна и двери в их основных позициях;
- крышу и характерные архитектурные элементы;
- пропорции здания;
- узнаваемость исходного сооружения;
- ракурс камеры и перспективу исходного фото для основной визуализации.

Не добавляй новые этажи, крупные пристройки, новые архитектурные объемы или радикально измененные фасады.

Если какой-либо существующий элемент выглядит устаревшим, не удаляй его автоматически — переосмысли его визуально и подчеркни современными средствами.

Если по одной фотографии невозможно достоверно определить скрытые стороны, внутреннюю планировку, толщины стен или конструкцию здания, не выдавай предположение за факт. Создай аккуратную концептуальную реконструкцию, логичную с архитектурной точки зрения, сохраняя максимально точно все части объекта, которые действительно видны на исходной фотографии.

# 2. Архитектурная концепция кафе

Сделай кафе современным, спокойным, интеллектуальным и архитектурно выразительным.

Эстетика:
- contemporary architecture;
- premium minimalism;
- restrained modern design;
- warm urban hospitality;
- architectural award photography;
- современная европейская архитектурная подача;
- натуральные материалы;
- визуальная простота без стерильности;
- тактильные материалы и качественные детали.

Избегай ощущения дешевого коммерческого оформления, фастфуда, яркого брендинга или декоративной перегруженности.

# 3. Подчеркнуть существующую архитектуру

Работай прежде всего средствами:
- архитектурного освещения;
- тактичной отделки;
- локальных материальных акцентов;
- мебели;
- озеленения;
- благоустройства;
- оформления входной группы;
- световых сценариев;
- небольших функциональных элементов.

Существующие характерные детали здания должны стать достоинством композиции.

Создай впечатление, будто архитекторы внимательно изучили исходное здание, сохранили его идентичность и лишь профессионально раскрыли его потенциал.

# 4. Входная группа

Сделай вход понятным и привлекательным, но архитектурно деликатным.

Можно использовать:
- аккуратное локальное освещение;
- кашпо;
- небольшие навигационные элементы;
- минималистичную мебель;
- тонкие металлические детали;
- небольшие элементы из дерева или натурального камня.

Вход должен хорошо считываться, но не превращаться в массивную новую конструкцию.

# 5. Вывеска

Добавь одну аккуратную профессиональную вывеску с вымышленным названием кафе.

Название:
«FORMA»

Оформление:
- минималистичная типографика;
- тонкие объемные буквы или аккуратная плоская вывеска;
- без огромного логотипа;
- без рекламного баннера;
- без ярких цветов;
- размер должен быть архитектурно соразмерен фасаду.

Вывеска должна выглядеть так, будто была разработана профессиональной студией айдентики специально для этого здания.

# 6. Летнее кафе и терраса

Организуй рядом со зданием эстетичную зону летнего кафе.

Используй:
- компактные современные столы;
- удобные дизайнерские стулья;
- несколько посадочных сценариев;
- небольшие круглые столики;
- отдельные группы для 2–4 человек;
- при необходимости несколько лаконичных зонтов или легких элементов затенения;
- качественную уличную мебель.

Терраса должна выглядеть естественным продолжением архитектуры.

Не перекрывай мебелью важные элементы фасада и проходы.

Не создавай тяжелую капитальную пристройку.

# 7. Общественное пространство

Особое внимание удели территории вокруг кафе.

Создай полноценное комфортное общественное пространство:
- свободные пешеходные маршруты;
- небольшие зоны отдыха;
- лавки или интегрированные места для сидения;
- качественное мощение;
- архитектурные кашпо;
- места для встреч;
- удобный подход к кафе;
- визуально чистое пространство перед фасадом.

Пространство должно выглядеть живым, но не перегруженным.

# 8. Ландшафтный дизайн

Выполни профессиональное озеленение в стиле современной ландшафтной архитектуры.

Используй:
- декоративные многолетние травы;
- кустарники;
- небольшие архитектурные деревья;
- почвопокровные растения;
- структурированные цветники;
- крупные минималистичные кашпо;
- мягкое сочетание разных оттенков зелени.

Озеленение должно подчеркивать архитектуру, а не закрывать ее.

Растения должны выглядеть реалистично для городского общественного пространства и иметь профессиональную композицию.

Не превращай окружение в парк или густой сад.

# 9. Материалы благоустройства

Используй спокойную натуральную палитру:
- светлый или средне-серый архитектурный бетон;
- натуральный камень;
- качественная тротуарная плитка;
- дерево теплых оттенков;
- темный металл;
- матовые металлические поверхности;
- умеренные графитовые детали.

Все материалы должны выглядеть дорогими, долговечными и реалистичными.

# 10. Архитектурное освещение

Добавь профессиональный сценарий освещения:
- теплый свет внутри кафе;
- мягкая подсветка входа;
- деликатная подсветка архитектурных элементов;
- небольшие светильники на террасе;
- мягкое ландшафтное освещение;
- теплый свет ориентировочно 2700–3000K.

Не используй цветную RGB-подсветку и чрезмерно яркие световые эффекты.

Свет должен подчеркивать объем, фактуру и глубину здания.

# 11. Люди и атмосфера

Можно добавить небольшое количество людей:
- посетители сидят за столиками;
- кто-то входит в кафе;
- несколько людей общаются;
- естественная городская жизнь.

Люди должны быть второстепенным элементом и помогать показать масштаб пространства.

Без толпы.

# 12. Профессиональное окружение

Приведи окружающее пространство в состояние качественно реализованного архитектурного проекта.

Можно аккуратно улучшить:
- покрытие территории;
- бордюры;
- газоны;
- уличную мебель;
- освещение;
- малые архитектурные формы;
- озеленение;
- визуальный порядок.

Убери случайный визуальный шум, мусор, временные предметы и неэстетичные элементы, если они не являются частью архитектуры здания.

При этом не превращай реальную площадку в совершенно другое место.

# 13. Атмосфера изображения

Предпочтительное время:
мягкий вечерний свет непосредственно перед закатом или ранний архитектурный blue hour.

Сочетай:
- естественный мягкий свет;
- теплое внутреннее освещение;
- спокойные глубокие тени;
- красивую фактуру материалов;
- приятный контраст теплого света кафе и окружающей среды.

Изображение должно напоминать профессиональную съемку реализованного архитектурного проекта для:
- ArchDaily;
- Dezeen;
- Divisare;
- архитектурной премии;
- портфолио ведущей архитектурной студии.

# 14. Фотореализм

Результат должен восприниматься не как концепт-арт и не как 3D-фантазия, а как фотография реально реализованного проекта.

Требования:
- photorealistic;
- ultra realistic architectural photography;
- realistic construction details;
- physically believable materials;
- realistic vegetation;
- natural shadows;
- correct reflections;
- realistic glass;
- realistic ambient lighting;
- accurate scale;
- high-end architectural visualization;
- editorial architecture photography;
- subtle color grading;
- high dynamic range;
- premium but believable.

# 15. Критически важные ограничения

НЕ:
- менять архитектурную форму здания;
- менять его основные пропорции;
- добавлять этажи;
- создавать крупные новые объемы;
- полностью заменять существующий фасад;
- делать здание неузнаваемым;
- превращать его в футуристический павильон;
- использовать чрезмерное количество дерева только ради «уютности»;
- делать огромные панорамные окна, если их нет на исходном здании;
- создавать массивную пристройку для террасы;
- использовать гигантские вывески;
- добавлять яркую рекламу;
- использовать неон как главный художественный прием;
- перегружать пространство декором;
- делать слишком много растений;
- перекрывать растениями архитектуру;
- создавать фантастические или конструктивно невозможные элементы;
- менять исходный ракурс без необходимости.

# 16. Приоритет работы

Если возникает конфликт между эффектностью изображения и сохранением исходного здания, ВСЕГДА выбирай сохранение архитектуры.

Последовательность приоритетов:

1. Сохранить исходную архитектуру.
2. Подчеркнуть существующие достоинства здания.
3. Сделать функцию кафе визуально очевидной.
4. Организовать качественное общественное пространство.
5. Добавить профессиональный ландшафтный дизайн.
6. Создать премиальную архитектурную атмосферу.
7. Добиться максимального фотореализма.
8. Перенести ту же концепцию в интерактивную 3D-модель.

# 17. Обязательный интерактивный HTML-сайт с 3D-моделью

После разработки архитектурной концепции создай небольшой, законченный и запускаемый HTML-сайт, представляющий этот проект как интерактивную архитектурную модель.

Это НЕ должна быть просто картинка внутри HTML.

На странице должна находиться настоящая интерактивная 3D-сцена, которой пользователь может управлять в браузере.

Предпочтительная технология:
- HTML5;
- CSS;
- JavaScript;
- Three.js;
- WebGL;
- OrbitControls или аналогичное управление камерой.

По возможности сделай проект одним автономным `index.html`, подключая Three.js и необходимые библиотеки через CDN, чтобы страницу можно было сохранить и открыть практически сразу.

Если по техническим причинам лучше использовать несколько файлов, выдай полную структуру проекта и полный код каждого файла.

Не ограничивайся описанием реализации — напиши рабочий код.

# 18. 3D-реконструкция сооружения

По загруженной фотографии создай максимально узнаваемую условно-точную 3D-реконструкцию существующего здания.

Приоритет:
1. общие пропорции;
2. силуэт;
3. основные объемы;
4. крыша;
5. фасад;
6. окна;
7. двери;
8. характерные архитектурные элементы;
9. входная группа;
10. терраса;
11. благоустройство;
12. озеленение.

Не нужно притворяться, что по одной фотографии возможно получить геодезически точную BIM-модель.

Если данных недостаточно, создай разумную архитектурную аппроксимацию скрытых частей, но видимые части сооружения воспроизведи максимально близко к референсу.

Все элементы модели должны иметь логичные названия объектов/групп в коде, чтобы ими можно было управлять независимо.

# 19. Система архитектурных слоев

Обязательно раздели 3D-сцену на смысловые слои.

Минимальный набор:

- EXISTING_ARCHITECTURE — исходная архитектура;
- ROOF — крыша;
- EXTERIOR_WALLS — наружные стены;
- WINDOWS_GLAZING — окна и стекло;
- DOORS_ENTRANCE — двери и вход;
- STRUCTURAL_DETAILS — основные характерные архитектурные детали;
- CAFE_ADDITIONS — новые элементы кафе;
- SIGNAGE — вывеска FORMA;
- TERRACE — летняя терраса;
- FURNITURE — уличная мебель;
- LANDSCAPE — озеленение;
- TREES — деревья;
- SHRUBS_GRASSES — кустарники и травы;
- PAVING — мощение;
- LIGHTING — архитектурное и ландшафтное освещение;
- PUBLIC_SPACE — общественная зона;
- INTERIOR — условная внутренняя часть кафе;
- CONTEXT — окружающая среда.

Каждый слой должен включаться и отключаться независимо.

Сделай боковую или плавающую панель «Слои» с переключателями.

При отключении слоя объект должен действительно исчезать из 3D-сцены, а не просто менять подпись интерфейса.

# 20. Режим «Провалиться внутрь здания»

Сделай специальный режим исследования архитектуры изнутри.

Пользователь должен иметь возможность постепенно раскрывать здание, словно разбирая архитектурный макет.

Реализуй последовательные стадии:

Стадия 0 — Полный проект
Видно здание, террасу, благоустройство и озеленение.

Стадия 1 — Без окружения
Убираются деревья, озеленение, часть уличной мебели и контекст.

Стадия 2 — Чистая архитектура
Остается преимущественно само здание.

Стадия 3 — Без крыши
Крыша плавно поднимается вверх или исчезает, открывая внутренний объем.

Стадия 4 — Без части фасадов
Одна или несколько наружных стен становятся прозрачными или аккуратно удаляются, позволяя увидеть интерьер.

Стадия 5 — Cutaway / Section
Создается эффект архитектурного разреза или сечения.

Стадия 6 — Interior Focus
Камера плавно перемещается внутрь здания.

Стадия 7 — Архитектурный скелет
Остаются только основные объемы/конструктивные элементы, необходимые для понимания геометрии.

Добавь понятный управляющий элемент:
«Погружение внутрь»
или
«Разобрать здание»

с ползунком, кнопками или пошаговой шкалой 0–7.

Переходы между состояниями делай плавными и визуально эффектными.

# 21. Exploded View

Добавь отдельный режим:

«Exploded View / Разобрать по слоям»

При его включении основные архитектурные и ландшафтные группы должны плавно расходиться в пространстве.

Например:
- крыша поднимается вверх;
- фасадные элементы немного расходятся наружу;
- остекление отделяется от стен;
- интерьер становится видимым;
- терраса отделяется от основного объема;
- благоустройство остается на земле;
- озеленение может слегка отступать от здания.

Это должно выглядеть как качественная интерактивная архитектурная аксонометрия из конкурсной презентации.

Добавь кнопку:
«Собрать обратно».

# 22. Архитектурный разрез

Добавь режим:
«Section / Разрез»

Если позволяет выбранный подход, используй clipping plane Three.js или аналогичную технологию.

Сделай ползунок, который постепенно перемещает плоскость сечения через здание.

Пользователь должен визуально видеть внутреннюю структуру по мере прохождения разреза.

Если полноценное геометрическое сечение чрезмерно усложняет код, допустима профессионально реализованная имитация через поэтапное скрытие частей модели.

Главное — чтобы пользователь действительно мог изучать объект изнутри.

# 23. Интерактивность почти как в игре

Сделай исследование проекта эмоционально привлекательным и немного игровым, но без превращения сайта в видеоигру.

Основное управление:
- drag мышью — вращать модель;
- колесо — приближать/отдалять;
- right drag / аналог — перемещать камеру;
- двойной клик по объекту — приблизиться;
- кнопка «Домой» — вернуть исходный ракурс;
- кнопка «Снаружи»;
- кнопка «Внутри»;
- кнопка «Вид сверху»;
- кнопка «Фасад»;
- кнопка «Разрез»;
- кнопка «Exploded View»;
- кнопка «Собрать»;
- кнопка «Скрыть озеленение»;
- кнопка «Только архитектура».

При наведении на основные элементы можно показывать небольшие подписи:
- «Существующий объем»;
- «Сохраненный фасад»;
- «Входная группа»;
- «FORMA»;
- «Летняя терраса»;
- «Общественное пространство»;
- «Новое озеленение».

Добавь деликатную подсветку выбранного элемента.

# 24. Режим «До / После»

Добавь в интерфейс переключатель:

«Исходное состояние / Концепция FORMA»

Он должен демонстрировать отличие исходного объекта от предлагаемой адаптации.

Это можно реализовать переключением групп:
- существующее здание;
- новая функция;
- вывеска;
- мебель;
- терраса;
- ландшафт;
- благоустройство;
- архитектурное освещение.

При переключении архитектурная геометрия исходного здания должна оставаться практически той же.

Таким образом пользователь должен ясно увидеть главный принцип проекта:
архитектура почти не изменилась, но функция, окружение и восприятие объекта стали совершенно другими.

# 25. Режим времени суток

Добавь простой переключатель визуальной атмосферы:

- DAY;
- SUNSET;
- BLUE HOUR;
- NIGHT.

При переключении должны меняться:
- цвет окружающего освещения;
- интенсивность света;
- небо/фон;
- внутреннее теплое свечение;
- архитектурные светильники;
- ландшафтная подсветка.

Особенно качественно сделай BLUE HOUR, поскольку это главный презентационный сценарий.

# 26. Интерактивная легенда проекта

Добавь аккуратный UI-блок с краткой концепцией:

FORMA
Adaptive Café / Public Space

«Бережная адаптация существующего сооружения под современное городское кафе. Архитектура сохраняется, а новая идентичность возникает благодаря свету, благоустройству, озеленению и новой общественной функции.»

Ниже размести небольшую легенду:
- Existing;
- Preserved;
- Added;
- Landscape;
- Public Space.

Не перегружай интерфейс текстом.

# 27. Визуальный стиль HTML-сайта

Сам сайт должен выглядеть как digital-презентация премиального архитектурного бюро.

Стиль:
- минимализм;
- много свободного пространства;
- темный графитовый или теплый светлый интерфейс;
- сдержанная типографика;
- тонкие линии;
- полупрозрачные панели;
- subtle glass effect;
- никаких стандартных ярких bootstrap-кнопок;
- никаких визуальных элементов «админки»;
- никаких кислотных цветов.

Предпочтительная палитра:
- graphite;
- warm white;
- concrete gray;
- muted beige;
- soft green;
- warm amber lighting.

3D-модель должна занимать основную часть экрана.

UI должен быть вторичным и не мешать рассматривать архитектуру.

# 28. Анимации

Используй деликатные анимации:
- плавное появление модели;
- плавное перемещение камеры;
- fade слоев;
- поднятие крыши;
- exploded view;
- изменение прозрачности;
- появление архитектурной подсветки;
- мягкие hover-состояния интерфейса.

Никаких агрессивных или игровых спецэффектов.

Вся анимация должна восприниматься как презентация архитектурного макета.

# 29. Производительность

Сайт должен оставаться достаточно легким.

Оптимизируй:
- количество геометрии;
- количество материалов;
- тени;
- освещение;
- pixel ratio;
- количество draw calls;
- сложность растений.

Не создавай сотни тысяч полигонов, если тот же результат можно получить более рациональными средствами.

Для озеленения допускаются low-poly или simplified architectural vegetation models, если они выглядят эстетично.

Обязательно сделай responsive layout для desktop и mobile.

# 30. Техническое качество кода

Код должен быть:
- полностью рабочим;
- структурированным;
- читаемым;
- прокомментированным;
- без псевдокода;
- без фраз «здесь добавьте модель»;
- без пропущенных функций;
- без незавершенных TODO вместо реализации.

Если настоящая GLB/GLTF-модель отсутствует, НЕ останавливайся.

Создай самодостаточную процедурную модель здания средствами Three.js:
- BoxGeometry;
- PlaneGeometry;
- ExtrudeGeometry;
- CylinderGeometry;
- Shape;
- группы объектов;
- PBR-материалы;
- освещение;
- прозрачность;
- clipping planes.

Используй фотографию как основу для пропорций и архитектурной логики.

Если впоследствии пользователь сможет заменить процедурную модель на `.glb/.gltf`, заложи понятную структуру, позволяющую сделать это без полной переделки интерфейса.

# 31. Архитектура JavaScript-кода

Организуй модель логически.

Например:

`scene`
`buildingGroup`
`existingArchitectureGroup`
`roofGroup`
`facadeGroup`
`glazingGroup`
`interiorGroup`
`cafeGroup`
`terraceGroup`
`furnitureGroup`
`landscapeGroup`
`lightingGroup`
`contextGroup`

Создай централизованную систему управления слоями.

Например:

`layers = { ... }`

Каждый UI-переключатель должен обращаться к соответствующей группе, а не содержать отдельную хаотичную логику.

Также вынеси состояния:
- currentPresentationMode;
- currentDiveLevel;
- explodedMode;
- sectionMode;
- timeOfDay.

# 32. Сценарий автоматической презентации

Добавь кнопку:

«Play Architecture Story»

После ее нажатия сайт автоматически проводит короткую интерактивную презентацию:

1. Общий вид объекта.
2. Камера медленно облетает здание.
3. Подчеркивается сохраненная архитектура.
4. Появляется вывеска FORMA.
5. Появляется терраса.
6. Добавляется общественное пространство.
7. Появляется озеленение.
8. Включается вечернее освещение.
9. Крыша поднимается.
10. Камера показывает интерьер.
11. Включается exploded view.
12. Объект снова собирается.
13. Камера возвращается в финальный award-shot.

Пользователь в любой момент должен иметь возможность остановить автоматический сценарий и снова управлять моделью вручную.

# 33. Дополнительный игровой режим исследования

Добавь компактный режим:

«Explore»

В нем пользователь может кликом выбирать отдельные части проекта.

Для каждой части показывай короткое архитектурное пояснение.

Пример:

«Терраса
Легкая сезонная инфраструктура, которая не изменяет существующий объем здания.»

«Озеленение
Новые посадки формируют мягкую границу общественного пространства, не перекрывая архитектуру.»

«Вход
Существующая архитектура сохранена. Новый свет и навигация делают вход визуально более заметным.»

Не создавай длинных popup-окон.

Максимум 1–3 коротких предложения на объект.

# 34. Ключевой UX-принцип

Пользователь должен без инструкции понять, что модель можно исследовать.

Сразу после загрузки страницы ненавязчиво покажи:

«Drag to rotate · Scroll to zoom · Click elements to explore»

После первого взаимодействия подсказку можно плавно скрыть.

# 35. Что должно быть выдано в результате

Выполни работу в следующем порядке.

## Этап A — Архитектурное понимание

Кратко опиши:
- какие элементы исходного здания ты считаешь ключевыми;
- какие элементы обязательно сохраняются;
- где находятся зоны потенциального улучшения;
- какие части невозможно точно определить по фотографии.

## Этап B — Концепция FORMA

Опиши предлагаемую архитектурную адаптацию:
- вход;
- кафе;
- терраса;
- общественное пространство;
- озеленение;
- материалы;
- свет;
- вывеска.

## Этап C — Фотореалистичная визуализация

Создай/предложи основной award-shot проекта в соответствии со всеми указанными выше требованиями.

## Этап D — Интерактивная 3D-презентация

Создай полностью работающий HTML/CSS/JavaScript-код интерактивного сайта.

Если возможно — предоставь один законченный файл:

`index.html`

который можно сохранить и открыть в браузере.

Если необходим локальный сервер из-за ES Modules, объясни это одной короткой инструкцией и по возможности выбери архитектуру, которая минимизирует дополнительные действия пользователя.

## Этап E — Проверка

Перед финальной выдачей самостоятельно проверь:

- загружается ли Three.js;
- создается ли WebGL-сцена;
- отображается ли модель;
- работает ли вращение;
- работает ли zoom;
- работают ли слои;
- скрывается ли крыша;
- работает ли «погружение»;
- работает ли exploded view;
- работает ли разрез или его качественная имитация;
- переключается ли озеленение;
- переключается ли терраса;
- работает ли Before/After;
- переключается ли время суток;
- работает ли reset camera;
- работает ли responsive;
- нет ли в JavaScript ссылок на несуществующие элементы;
- нет ли критических ошибок в консоли;
- нет ли пропущенных частей кода.

Если что-либо из этого невозможно реализовать в выбранной среде, прямо укажи ограничение и предложи максимально близкую работающую альтернативу.

# 36. Важное ограничение для 3D-модели

Не позволяй технической части изменить архитектурную концепцию.

Даже если для Three.js проще сделать другой объем, модель должна в первую очередь сохранять узнаваемость исходного сооружения.

Лучше более простая, но архитектурно корректная модель, чем эффектная 3D-сцена совершенно другого здания.

Не придумывай неизвестную внутреннюю архитектуру как установленный факт.

Внутреннее пространство при отсутствии данных обозначай как:
«conceptual interior approximation».

# 37. Финальный критерий

После преобразования зритель должен сразу узнавать исходное сооружение, но воспринимать его совершенно иначе: как бережно переосмысленный, современный, востребованный городской объект — красивое кафе с качественной архитектурой, уютной летней террасой, профессиональным благоустройством и ландшафтным дизайном.

Должно возникать ощущение:

«Архитекторы практически не изменили само здание, но настолько точно поработали с его деталями, функцией, светом и окружением, что объект стал архитектурной достопримечательностью».

А интерактивная HTML-презентация должна создавать второе ощущение:

«Я могу взять этот архитектурный проект в руки, вращать его как физический макет, снимать с него слои, заглядывать внутрь, разбирать и снова собирать здание, самостоятельно понимая логику архитектурного решения».

Сайт должен быть не технической демонстрацией Three.js, а полноценной интерактивной частью архитектурной презентации проекта FORMA.