Пиксельные города и бесконечный lofi — без загрузок и регистрации

Проект Lofi Cities появился в топе Hacker News и мгновенно привлёк внимание разработчиков и дизайнеров. Это бесплатное веб-приложение, которое совмещает анимированные пиксельные ночные города с бесконечной lofi-музыкой, генерируемой прямо в браузере. Главная особенность — никакого стриминга, никаких загрузок и никакой регистрации.

ℹ Что такое lofi?
Lofi (low-fidelity) — жанр расслабляющей музыки с намеренно «тёплым» звучанием: характерные виниловые шумы, приглушённые ритмы и мягкие мелодии. Популярен для работы, учёбы и отдыха.

Как это работает

Аккорды, ударные, бас и мелодия синтезируются с помощью Web Audio API — без сэмплов и записей, поэтому каждый трек уникален, а музыка никогда не заканчивается. Это принципиально отличает Lofi Cities от обычных стриминговых сервисов: весь звук рождается на лету прямо на устройстве пользователя.

Каждый трек создаётся на месте с помощью Web Audio API: прогрессия аккордов, барабанный грув, басовая линия и нередко мелодия — с эффектами «дрожания плёнки» и потрескивания винила.


graph LR
    A[Пользователь открывает браузер] --> B[Web Audio API]
    B --> C[Синтез аккордов и баса]
    B --> D[Синтез ударных]
    B --> E[Генерация мелодии]
    C --> F[Готовый lofi-трек]
    D --> F
    E --> F
    F --> G[Воспроизведение в реальном времени]

Города, сцены и атмосфера

Каждая сцена — анимация размером 480×270 пикселей, зацикленная каждые четыре минуты, со своей погодой, достопримечательностями и городскими звуками, пока новые lofi-треки сочиняются на ходу.

На сайте представлены города: Париж, Токио, Нью-Йорк, Лондон, Рио-де-Жанейро, Стамбул, Гонконг, Сидней, Сан-Франциско, Гамбург и Амстердам — каждый со своими фоновыми звуками.

ПараметрЗначение
Разрешение сцены480 × 270 px
Длина петли анимации4 минуты
Количество городов11+
Нужна регистрацияНет
Нужна установкаНет
ПлатформыПК, телефон, планшет

Музыкальные стили и настройка

Кнопка Vibe (или клавиша V) позволяет выбрать стиль: jazzhop, lofi piano, ambient, bossa nova, synth city pop, lofi house, chill guitar, sad lofi или medieval lofi — можно сделать звучание спокойным или бодрым, включить полный ансамбль, убрать ударные или оставить только аккорды.

💡 Совет для продуктивности
Используйте режим «no drums» (без барабанов) для глубокой концентрации при написании кода или текстов — ритмичный фон без ударных меньше отвлекает.

Конфиденциальность и монетизация

Никакого входа в систему и никаких cookies. Анонимная статистика использования (например, какие города просматриваются) собирается без cookies, а браузеры с включённым Do Not Track полностью исключаются из этой статистики.

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

«Каждый трек новый, и музыка никогда не заканчивается» — именно этим Lofi Cities выгодно отличается от любого плейлиста или радиостанции.

Почему это важно для отрасли

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

📝 Сценарии использования
  • Учёба и работа — спокойный фон без необходимости искать плейлист
  • Стриминг и видео — каждое видео — четырёхминутный MP4-луп 1920×1080 при 60 fps, разрешено использование в стримах и монетизированном контенте при указании авторства Lofi Cities.
  • Витрина технологий — пример того, что Web Audio API способен заменить целый звуковой движок

Проект открыт по адресу loficities.com и работает мгновенно — достаточно нажать Play.