tz.md 4.1 KB
Техническое задание
Это одностраничное интерактивное образовательное веб-приложение по физике на тему «Механические волны». Оформлено в неоново-киберпанковом стиле: тёмный фон, светящиеся розовые, голубые, фиолетовые и зелёные элементы, анимации на Canvas.
Что делает проект
Это мини-курс из 7 сцен, по которым пользователь последовательно проходит:
Титульный экран
Анимированный фон с волнами, кнопки «Начать курс» и «Что такое волна?». Вторая открывает модальное окно с определением механической волны.
Что такое механическая волна?
Демонстрация цепочки частиц: можно менять частоту и амплитуду, нажимать «Толкнуть» и наблюдать, как колебание передаётся по цепочке. Нужно сделать 3 толчка, чтобы открыть следующую сцену.
Среда распространения и скорость звука
Три «трубы» с импульсами для воздуха, воды и стали. Показано, что в стали звук идёт быстрее всего. Затем мини-квиз: выбрать среду с максимальной скоростью звука.
Колебания: период, частота, амплитуда
Два Canvas: маятник и осциллограмма волны. Слайдеры меняют амплитуду и период. Кнопка «Проверить понимание» открывает подсказку с формулами T=1/νT=1/ν, ν=1/Tν=1/T, v=λνv=λν.
Виды волн. Звук — продольная волна
Переключение между продольной и поперечной волнами. Ниже — интерактив: нужно кликами расставить 6 молекул в позиции сжатия/разрежения, чтобы «собрать звук».
Применение звуковых волн
Карточки с переворотом: эхолокация, УЗИ, сейсмология, музыка. Затем задание «Собери пару»: пример ↔ физическое явление. Нужно собрать 4 пары.
Итоговое тестирование
10 вопросов с вариантами ответов. Есть прогресс-бар, подсчёт баллов, оценка результата и кнопка «Пройти заново».
Техническая реализация
HTML5 + CSS3 + JavaScript (ES5)
Canvas 2D — анимации волн, маятника, частиц, фона.
Web Audio API — звуковые сигналы: клики, правильные/неправильные ответы.
CSS-анимации — импульсы в трубах, переворот карточек, неоновое свечение.
Модальные окна, слайдеры, кнопки с блокировкой до выполнения задания.
Всё в одном файле, без внешних библиотек и зависимостей.
Идея и аудитория
Проект рассчитан на школьников или студентов, изучающих основы акустики и механических волн. Это интерактивный тренажёр, который сочетает теорию, визуализацию, игровые задания и тест. Есть звуковое сопровождение и кнопка отключения звука.