|
|
@@ -60,7 +60,11 @@
|
|
|
5. **Панель 4 (Правый низ):** Амплитудно-частотный спектр с отрисовкой паразитных гармоник.
|
|
|
* **Масштабирование компонентов:** Все графические блоки `canvas` завернуты во врапперы с поддержкой ручного изменения размера (`resize: both`). Перерисовка графиков привязана к `ResizeObserver`, что исключает растягивание пикселей при изменении соотношения сторон элемента.
|
|
|
* **Брендирование:** Текстовые логотипы используют CSS-градиенты (`linear-gradient` с анимацией `background-position`), имитируя неоновое свечение на приветственном экране.
|
|
|
-
|
|
|
+## Архитектура экранов (Routing)
|
|
|
+1. **Welcome Screen:** Стартовая страница с градиентным логотипом.
|
|
|
+2. **Main Dashboard:** Основная сетка графиков 2х2. Занимает все пространство экрана (flex-grow).
|
|
|
+3. **Sidebar (Боковая навигационная панель):** Выдвижное меню (off-canvas), активируемое по кнопке "☰". Включает в себя переключатель тем, список онлайн-фонов, загрузку локального изображения и фильтры.
|
|
|
+4. **Тестирование (Modal):** Геймифицированный тест. Содержит базу на 30 вопросов. Три режима сложности: Легкий (5), Средний (15), Сложный (30). Динамический расчет процентов, система звукового поощрения (Win/Lose) и навигационные кнопки "Выйти" / "Рестарт".
|
|
|
## 3. Требования к интерактивному аудио (UI Audio)
|
|
|
Помимо основного физического звука, интерфейс должен иметь звуковой отклик:
|
|
|
* **Кнопки:** Короткие синтезированные звуки (beep) при нажатии и наведении (hover). Звук подтверждения действия и звук ошибки/сброса.
|
