[ 01.0 // СТРУКТУРА И АРХИТЕКТУРА ]
Архитектура ядра
Полная автономия без внешних библиотек и сборщиков. Вся визуализация строится на динамическом волновом поле а звук синтезируется процедурно.
+---------------------------------------------------------+
| CORE ARCHITECTURE |
+----------------------------+----------------------------+
|
+----------------+----------------+
| |
v v
+-----------------------+ +-----------------------+
| CANVAS ENGINE | | AUDIO SYNTH |
+-----------------------+ +-----------------------+
| - 2D Wave Field Math | | - Sub-bass Sine Sweep |
| - Cosine Shockwaves | | - Lowpass White Noise |
| - DPI Scaling Fixed | | - Stereo Panner Node |
| - Density Ascii Ramp | | - Drag Micro-ticks |
+-----------------------+ +-----------------------+
[ 01.1 // СТРОГАЯ ГЕОМЕТРИЯ ]
Ноль 1px outlines и скруглений
Строгие геометрические контуры устраняют визуальный мусор. Все блоки имеют форму цельных квадратных монолитов.
[ 01.2 // ИНТЕРАКТИВНЫЙ ФОН ]
Живая физика холста на фоне
На фоне работает полнофункциональный холст из основного файла. Движение мыши и клики прямо сквозь документацию создают физические волны ряби.
[ 02.0 // РЕНДЕР И ШКАЛА ПЛОТНОСТИ ]
ASCII-матрица и DPI-масштабирование
Матрица символов рассчитывается под экран с учетом DevicePixelRatio сохраняя идеальную четкость без мыла.
GLYPH WEIGHT VISUAL BAR ROLE
--------------------------------------------------------------
[ ] 00.0% .................... Zero Level (Vacant)
[.] 11.1% ##.................. Ambient Surface Noise
[:] 22.2% ####................ Wave Threshold Rise
[+] 33.3% ######.............. Harmonic Ascending
[x] 44.4% ########............ Crest Entry Front
[*] 55.5% ##########.......... Mid Amplitude Body
[%] 66.6% ############........ Dense Shockwave Peak
[#] 77.7% ##############...... High Compression Zone
[@] 100.% #################### Core Text Focus
[0,0] +---+---+---+---+---+---+---+---+---+---+ [COLS,0]
| . | . | : | + | x | * | % | # | @ | . |
+---+---+---+---+---+---+---+---+---+---+
[TXT] | . | @ | @ | | @ | @ | | | @ | . | <-- CORE MASK
+---+---+---+---+---+---+---+---+---+---+
[WAV] | . | . | : | + | x | * | x | + | : | . | <-- COSINE PACKET
+---+---+---+---+---+---+---+---+---+---+ [COLS,ROWS]
[ 03.0 // WEB AUDIO API ]
Процедурный синтезатор
Каждое действие пользователя генерирует комплексный звуковой патч на низкоуровневых осцилляторах и фильтрах.
FREQ (Hz) ^ GAIN ^
82Hz +--\ 0.22 +--\
| \ | \
50Hz + \ | \
| \____ | \_____
26Hz +----------\-----> TIME (ms) 0.00 +-----------\---> TIME (ms)
0ms 14ms 28ms 0ms 14ms 28ms
STEREO PANNING:
LEFT (X: 0%) <---------- CENTER (X: 50%) ----------> RIGHT (X: 100%)
PAN: -0.85 (L) PAN: 0.00 (MONO) PAN: +0.85 (R)
[ 04.0 // ФИЗИЧЕСКИЕ ВОЛНЫ ]
Математический волновой аппарат
Гармоническая интерференция фонового поля и затухающие косинусные волновые пакеты при ударах.
^ AMPLITUDE
+1.0 | .-""-. .-""-.
| .' '. .' '.
0.0 +------'----------'------------'----------'-----> DIST (px)
| '. .'
-1.0 | '-.__.-'
|<------------- WAVELENGTH = 36px ------------->|
const diff = Math.abs(rDist - rip.radius);
if (diff < 36) {
const waveShape = Math.cos(diff * 0.087) * (1 - diff / 36);
val += waveShape * (rip.strength / 3.2);
rippleColorMix = Math.max(rippleColorMix, Math.min(1, rip.strength / 18));
}
[ 04.1 // LERP КУРСОР ]
Кинематическое сглаживание
Координаты курсора интерполируются формулой
mouse.x += (rawX - mouse.x) * 0.35 создавая ощущение вязкой жидкости при перемещении.[ 04.2 // ГЛИТЧ ТЕКСТА ]
Цифровая нестабильность маски
При прохождении сильных ударных волн или наведении курсора таймер глитча активирует стохастическую замену ячеек случайными глифами.
[ 05.0 // СИСТЕМА УПРАВЛЕНИЯ ]
Хоткеи и матричные палитры
Полная раскладка управления клавиатурой и интерактивный выбор предустановленных тем оформления.
+---+ +---+ +---+ +---+ +---+ +---------------+
| 1 | | 2 | | 3 | | 4 | | 5 | TABS 1-5 | SPACE | SHOCKWAVE
+---+ +---+ +---+ +---+ +---+ +---------------+
+---+ +---+ +-----+ +---------------+
| T | THEME | M | MUTE | ESC | CANVAS | MOUSE DRAG | LIQUID WAVES
+---+ +---+ +-----+ +---------------+
01 // MINT MATRIX
02 // AMBER CRT
03 // VIOLET NEON
04 // ICE BLUE