Заметки
Сборка движется, потому что ей разрешено отдыхать
Герой — небольшая 3D-проекция узлов и связей. Оно намеренно молчит, пока его нет: оно ждет, пока пройдет человек или немного времени.
Холст, а не видео
Записанная анимация будет выглядеть одинаково на каждом экране и при каждом подключении. Проекция может отвечать на указатель, клавиатуру и устройство. Он также небольшой: геометрия представляет собой список узлов и ребер, а не медиафайл.
Первая версия представляет собой 2D-проекцию холста с фиксированной перспективой. Он не пытается быть игровым движком. Сетка, метки и прицельная марка — это интерфейсная мебель; узлы — это контент.
Движение, которое ждет
Когда страница загружается, сборка остается. После короткого периода простоя он начинает медленное вращение. Прикосновение, перетаскивание, нажатие или использование клавиатуры немедленно прекращает смещение. Сцена успокаивается, а не возвращается назад.
Движение в режиме ожидания — это не цикл, который вечно воспроизводится в фоновом режиме. Средство визуализации останавливается, когда сцена находится за кадром или вкладка скрыта. Тихому объекту не нужно сжигать батарею, чтобы доказать, что он жив.
Сенсор, клавиатура и выход
Перетаскивание вращает, масштабирует, касание фокусирует узел, а двойное касание сбрасывает. Клавиши со стрелками и плюс или минус делают то же самое для пользователей клавиатуры. На сцене имеется видимое кольцо фокусировки и понятная метка, поскольку интерактивное полотно невозможно использовать, если единственной инструкцией является курсор мыши.
Путь с уменьшенным движением вообще не загружает анимированный холст. Он использует плакат SVG и сохраняет информацию. Движение — это улучшение, а не содержание.
Ваш проект