От основания.
К высоте.

Сначала — основа. Затем — этажи и связи.
Наблюдаем, как отдельные элементы
становятся цельным каркасом.

Посмотреть варианты

Исследование формы и движения.
От отдельных зданий — к кварталу.

МАТЕРИАЛ: СТАЛЬ / МЕТОД: ASCIIЛИСТАЙТЕ НИЖЕ

01 / ЛАБОРАТОРИЯ ДВИЖЕНИЯ

Один материал.
Три характера.

Переключайте сценарии и смотрите,
как меняется ощущение первого экрана.

02 / В ОСНОВЕ — ТОЧНОСТЬ

От материала.
К архитектуре.

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

Сохраняем характер ASCII из исходного проекта и переводим его в инженерную геометрию. Связная форма и размеренное движение держат композицию.

Fe 26 / ЖЕЛЕЗО

Форма говорит первой

Каркас считывается как конструкция.
Связь с производством — в самой геометрии.

Движение держит ритм

Постепенный рост и плавная сборка.
Заголовок остаётся главным.

Лёгкость имеет значение

Без видео и тяжёлых 3D-библиотек.
Статичный кадр, когда движение не нужно.

03 / ОТ НАБЛЮДЕНИЯ К РЕШЕНИЮ

Почему это работает.

[01]

Инженерный характер

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

ВИЗУАЛЬНЫЙ ПОДХОД

[02]

Технология по задаче

Canvas 2D, проекция геометрии и ASCII-штриховка. Пауза вне экрана и в скрытой вкладке, ограничение плотности пикселей и частоты кадров.

CANVAS / MDN ↗

[03]

Контроль движения

Явная кнопка паузы и поддержка системного уменьшения движения. Читабельный текст остаётся обычным HTML поверх декоративного фона.

ДОСТУПНОСТЬ / W3C ↗

От основания.К высоте.

Один материал.Три характера.

От материала.К архитектуре.