|
|
@@ -1 +1,45 @@
|
|
|
-# Техническое задание
|
|
|
+# Техническое задание
|
|
|
+
|
|
|
+Это одностраничное интерактивное образовательное веб-приложение по физике на тему «Механические волны». Оформлено в неоново-киберпанковом стиле: тёмный фон, светящиеся розовые, голубые, фиолетовые и зелёные элементы, анимации на 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-анимации — импульсы в трубах, переворот карточек, неоновое свечение.
|
|
|
+
|
|
|
+ Модальные окна, слайдеры, кнопки с блокировкой до выполнения задания.
|
|
|
+
|
|
|
+ Всё в одном файле, без внешних библиотек и зависимостей.
|
|
|
+
|
|
|
+Идея и аудитория
|
|
|
+
|
|
|
+Проект рассчитан на школьников или студентов, изучающих основы акустики и механических волн. Это интерактивный тренажёр, который сочетает теорию, визуализацию, игровые задания и тест. Есть звуковое сопровождение и кнопка отключения звука.
|
