КАК
ВЫГЛЯДИТ
ЗВУК

Шестьдесят девять способов увидеть одну и ту же музыку. Ни один кадр не нарисован поверх записи — каждый посчитан из неё: из спектра, темпа, атак и границ частей, прямо в браузере, пока она играет.

↓

Семь систем

Каждая отвечает на вопрос «как выглядит звук» по-своему: одна через физику, другая через математику, третья показывает сам сигнал без посредников. Все считаются одним и тем же кодом из одного и того же разбора — и все считаются прямо сейчас, из той записи, которая играет в плеере ниже. Это семь из шестидесяти девяти.

живой расчёт
физика

Фигуры Хладни

Насыпьте песок на металлическую пластину и проведите смычком по краю — песок соберётся в узор. Он собирается там, где пластина не колеблется: по узловым линиям стоячей волны. Эрнст Хладни показал это в 1787 году, и с тех пор это самый прямой способ увидеть звук глазами.

Здесь тот же узор считается формулой, а номера мод растут вместе с яркостью звука: чем выше спектр, тем мельче и сложнее фигура.

центроид спектра
номер моды по горизонтали
верхние частоты
номер моды по вертикали
громкость
резкость линий
доля
толчок, сбивающий фигуру
живой расчёт
математика

Фигуры Лиссажу

Точка ходит по двум синусоидам сразу: одна управляет движением вбок, другая вверх-вниз. Когда их частоты относятся как целые числа, кривая замыкается в узор. Чуть сдвинь соотношение — и узор поплыл.

Соотношение берётся из баланса низа и верха трека, поэтому фигура распускается и складывается сама по ходу песни. Послесвечение — как у настоящего осциллографа: видно траекторию, а не одну точку.

низ
частота по горизонтали
верх
частота по вертикали
центроид
сдвиг фазы
громкость
толщина луча
живой расчёт
данные

Спектральная река

Здесь нет образа звука — здесь сам звук. Время течёт слева направо, частота отложена по вертикали, яркость — это энергия. Ровно так звук читают на спектрограмме: по такой картинке различают голоса птиц и находят ошибки в сведении.

Единственная светлая система набора. Вертикальные метки — доли, поэтому виден и ритм, а не только тембр.

48 полос спектра
столбец картинки
доли
вертикальные метки
энергия полосы
цвет от серого к красному
живой расчёт
органика

Поток частиц

Двадцать шесть тысяч частиц плывут в невидимом поле направлений. Ни сетки, ни оси, ни формулы на экране — единственная система набора, где ничего не видно напрямую, а видно только движение.

Поле задаётся один раз и засеяно хешем плана: у каждого трека рисунок потока свой, и он в точности повторится, если пересобрать ролик через год.

громкость
скорость течения
центроид
закрутка поля
атаки
вспышки и подсев частиц
верх
теплота цвета
живой расчёт
знак

Сетка чисел

Фирменный мотив проекта: экран цифр, где яркость каждого столбца — это своя полоса спектра. Цифры меняются тем быстрее, чем больше атак в музыке.

Это единственная система, где визуал говорит на языке названия группы.

полоса спектра
яркость столбца
атаки
скорость смены цифр
низ
порог акцентного цвета
живой расчёт
ландшафт

Строчный рельеф

Спектр, уложенный горизонтальными линиями одна за другой, — получается рельеф, который медленно едет на зрителя. Чем дальше линия, тем она тоньше: у картинки появляется глубина, которой нет ни у одной другой системы набора.

спектр
высота каждой линии
громкость
амплитуда рельефа
части трека
плотность линий
живой расчёт
кольцо

Радиальный спектр

Тот же спектр, свёрнутый в кольцо: длина луча — энергия полосы. Лучше всех держит вертикальный кадр, поэтому именно он обычно уходит в короткие ролики и на обложки.

полоса спектра
длина луча
доли
вспышка ядра
тональность
тёплая или холодная палитра

Ещё шестьдесят две системы →

Как это считается

Никакой генерации и никаких нейросетей. Движок читает файл, измеряет его и считает каждый кадр как функцию от измерений и времени.

1

Разбор

Из файла достаётся 48-полосный спектр пятьдесят раз в секунду, огибающие громкости, атак и яркости, темп, доли, такты, тональность и границы частей. Границы считаются по кривой новизны самоподобия: движок не знает, где припев, он знает, где меняется материал.

2

План

Собирается неизменяемый документ: система, палитра, отрезок, сцены по частям трека и хеш всего этого. Правка плана руками ломает хеш, и рендер откажется его брать.

3

Кадр

Чистая функция от плана, разбора и времени. Генератор случайных чисел засеян хешем плана, поэтому один и тот же план всегда даёт один и тот же кадр — не «что-то похожее», а тот же самый.

0

Стоимость

Ноль. numpy считает массивы, ffmpeg собирает видео. Ни одного обращения к платному сервису, ни одной модели. Всё живёт на обычном ноутбуке.

Из этого следует неочевидное: ролик можно пересобрать через год и получить тот же файл. Визуализация здесь — не рисунок по мотивам музыки, а её измерение, и измерение воспроизводимо.

Музыка

То, из чего всё это посчитано. Фрагменты по 45 секунд из самого плотного места каждого трека — отрезок выбран не на слух, движок считает энергию по всей записи и берёт максимум.

Сейчас играет
Гений
117 BPM · A# minor
0:00 / 0:45

    Тридцать семь треков, записанных с 2014 года. Выходят синглами с осени 2026 — ссылки на площадки появятся здесь по мере релизов.

    О проекте

    «Числа» — музыкальный проект Алексея Черняка. Рэп и рок на русском, тридцать семь треков, автор музыки и текстов один.

    Визуализация выросла из простого желания показать свои треки — и оказалась отдельным ремеслом. Инструмент написан с нуля и принадлежит проекту целиком: добавить новую систему значит добавить описание в JSON и класс в рендерер. Семь систем на этой странице появились именно так.

    Если вам интересно, как звук выглядит на самом деле, — напишите. Разговор про это всегда интереснее, чем про что угодно ещё.