Watch of Watch

Кинетические часы в стиле "A Million Times" от Humans Since 1982.

Матрица из 714 аналоговых часов (34×21), стрелки которых синхронизируются для отображения текста и времени.

Демо

https://watch.ymorozov.ru

Запуск локально:

npm run dev

Открыть http://localhost:3000

Особенности

• Анимация текста "MOROZOV MADE IT"
• Отображение времени (ЧЧ:ММ) с мигающим разделителем
• Бесконечный цикл: хаос → текст → волна → часы → волна → текст...
• Стрелки вращаются только по часовой стрелке
• Светлая/тёмная тема (клик для переключения)
• Тёмная тема по умолчанию

Структура

src/
  index.html              # Главная страница
  js/
    app-text.js           # Основной класс с анимацией
    clock-hd.js           # Класс отдельных часов
    digit-patterns-hd.js  # Паттерны цифр и букв

Конфигурация матрицы

• 34 столбца × 21 строка = 714 часов
• Буквы: 4×5
• Цифры: 5×6

Система кодирования паттернов

Направления стрелок

U  = 0°    // вверх (12 часов)
R  = 90°   // вправо (3 часа)
D  = 180°  // вниз (6 часов)
L  = 270°  // влево (9 часов)

Диагонали

UR = 45°   // вверх-вправо
DR = 135°  // вниз-вправо
DL = 225°  // вниз-влево
UL = 315°  // вверх-влево

Элементы паттернов

__  = пустое место (диагональ)
HH  = горизонталь ─
VV  = вертикаль │
TR  = угол ┘
TL  = угол └
BR  = угол ┐
BL  = угол ┌

Вдохновение

• A Million Times — Humans Since 1982

Лицензия

MIT