wave-spectr/docs/issues.md

Проект PWA: Интерактивная модель «Механические волны и спектр Фурье»

Отчет по тестированию и Журнал разработки (Issues & History)

✅ Реализовано в последних коммитах

• Плавное включение звука (fade-in) через gain.setTargetAtTime.
• Кнопка сброса всех параметров "Сбросить все".

• [x] Шкала частот (5кГц, 10кГц, 15кГц) на графике спектрограммы.

  ✅ Исправлено в v2.0

• [x] Загрузка изображений на фон: Устранен синтаксический баг в JavaScript, из-за которого Data URI не парсился браузером. Теперь фон успешно устанавливается. Обработчик onchange сбрасывается для повторных загрузок.

• [x] Прозрачность UI: Информационные панели panel сделаны полупрозрачными (70% opacity) и дополнены эффектом матового стекла (backdrop-filter: blur(10px)). Это позволяет видеть загруженные обои сквозь блоки, сохраняя читаемость текста.

• [x] Оптимизация фильтров: Фильтры (ч/б, сепия, инверсия) применяются только к слою bg-layer и не искажают элементы интерфейса.

  ✅ Исправлено в v2.1

• [x] Управление размером элементов UI: Внедрен ResizeObserver и CSS resize. Теперь пользователь может вручную изменять ширину и высоту каждого графика, потянув за его угол, что позволяет самостоятельно выравнивать сетку (Grid).

• [x] Редизайн логотипа: Унылый черный логотип заменен на яркий анимированный градиент.

• [x] Баг прозрачности при экспорте PNG: При скачивании графика (кнопка "Скачать") фон больше не прозрачный — он предварительно заливается белым цветом на виртуальном холсте.

  🐛 Выявленные баги (Требуют исправления в будущем)

• Адаптивность (Mobile): На устройствах с шириной экрана менее 768px верхняя панель (Top Bar) ломает верстку. Требуется перевести меню в "бургер".

• Экспорт в PNG на мобильных: Кнопка скачивания может не срабатывать во встроенных браузерах Telegram/VK.

✅ Исправлено в v2.2

• Восстановлен модуль тестирования (Сцена 5) в виде модального окна.
• Внедрен ResizeObserver для ручного изменения размеров графиков.
• Редизайн логотипа (анимированный градиент).

---

📓 Журнал разработки: Запросы и Ответы (ИИ-ассистент)

Запрос 1: В чем ошибка? [Скриншот терминала Git 'src refspec master does not match any'] Ответ: Ошибка в отправке ветки master без коммитов. Дана инструкция: создать файл, сделать git add . и git commit -m.

Запрос 2: Ну вот нам говорили вот делать по этому сценарию формат вот: и что мне делать [Фото конспекта] Ответ: Разработан черновик текстового сценария на 5 сцен.

Запрос 3: [Фото тетради со сценарием про преподавателя и дротик] Ответ: Ошибочно составлен код для игры с дротиком.

Запрос 4: Откуда ты взял такой сценарий если у меня вообще про механические волны звук... Ответ: Код переписан под физическую модель колебаний и спектр Фурье по первым фото.

Запрос 5: Оформи как у мен в точь и полноценный рабочий код... Ответ: Код переписан с разделением экрана на 4 блока. Добавлен Web Audio API, расчет суммы волн и клиппинг.

Запрос 6: Сдеоай какие-то улучшения в коде... Ответ: Выпущено обновление (v1.1). Исправлен щелчок звука, добавлена шкала частот и кнопка сброса.

Запрос 7: Более подробное техническое задание и в файлике issues.md... Ответ: ТЗ вынесено отдельно. Добавлен лог запросов.

Запрос 8: Можешь в коде приложения изменить или его улучшить в плане чтобы были звуковые эффекты... Ответ: Выпущено обновление (v1.2). Написан UI аудио-движок, добавлены темы и пользовательские обои.

Запрос 9: ...приложение начало пролагивать исправь... сделай главную страницу... Ответ: Выпущено обновление (v2.0). Добавлен Welcome Screen, оптимизирован FPS, починены фильтры.

Запрос 10: Почему в этом коде приложения не работают загруженные фоны... Ответ: Исправлена ошибка загрузки фонов (добавлены кавычки в url()), настроена полупрозрачность панелей.

Запрос 11: Сделай так чтобы я мог вручную менять размер в длину этих графиков... Ответ: Выпущено обновление (v2.1). Внедрен ResizeObserver и градиентный логотип.

Запрос 12: А где 5 сцена? Ответ: Выпущено обновление (v2.2). Восстановлено Итоговое тестирование в виде модального окна.

Запрос 13: Запросы ответы и ответ в одном файлике должны быть в issue.md Ответ: Лог разработки полностью перенесен из README.md в issues.md.