Вереста3D для сайта · 2026
Сайт продаж жилого квартала, где 3D-модель достраивается по графику, пока листаешь страницу
Три дома вырастают по частям: каркас, перекрытия, фасады, свет в окнах. Прокрутка двигает график строительства, и каждый корпус сдаётся в свой квартал. Ниже рабочий сайт продаж: подбор квартир с планировками, генплан, ипотека, офис продаж.
Модель, сцена и сайт сделаны с нуля
Прокрутка двигает стройку по графику
Кадр следует за прокруткой вперёд и назад. Под сценой график по корпусам: бегунок идёт от IV квартала 2026 к III кварталу 2028, клубный дом, «Клинкер» и башня достраиваются в свои сроки, на готовых домах появляются подписи с ценой.
180 кадров в секвенции
Рабочий сайт продаж, а не заставка
126 квартир с живым фильтром по комнатам, корпусу, площади, цене и этажу. У каждой своя планировка: 16 чертежей строятся из комнат, площади и цены сходятся с паспортом квартала.
16 планировок, чертежи из данных
Генплан из той же сцены
Генплан отрендерен сверху из той же модели, что собирается на первом экране. Наведение на корпус подсвечивает его на плане и в списке, клик открывает его квартиры. Район показан своей схемой, без чужих карт и ключей.
Пока грузятся кадры, виден готовый квартал
На месте сцены сразу стоит последний кадр с готовым кварталом. Остальные кадры приходят от грубого шага к мелкому, и прокрутка работает уже после первых 25. На телефон уходит свой лёгкий набор.
97 из 100 за скорость в Lighthouse на телефоне
Как устроено
Модель и анимация в Blender, рендер в Cycles, сайт на JavaScript без библиотек.
- Модель
- Три кирпичных дома с комнатами за окнами, мощением и фонарями, сборка анимирована в Blender.
- Подписи
- Подписи с ценой держатся на своих домах при любой прокрутке и встают с той стороны, где не мешают заголовку.
- Запасной вариант
- Если canvas недоступен или кадры не загрузились, показывается ролик сборки, а если и он не загрузился, остаётся постер.
- Сайт
- Квартиры, планировки, цены, сроки и ипотека считаются из одного набора данных. Русский и английский переключаются на месте.
Прокрутите страницу и достройте квартал