У другій частині зосереджуємось на звуках у грі з карточками. Розбираємо, як працює AudioContext, що таке осцилятори, як створювати та керувати звуком напряму через JavaScript. Реалізовуємо прості звукові ефекти для взаємодії з картками, працюємо з гучністю та таймінгами. Без аудіофайлів і бібліотек — лише Web Audio API та повне розуміння того, як браузер генерує звук.
## 📌 Таймкоди
00:00 Вступ
00:01:24 Створюємо змінні для об’єкта звука
00:02:02 Формуємо базову структуру та функції
00:03:00 Пишемо функцію play
00:05:53 Викликаємо звук у потрібних моментах гри
00:07:12 Наповнюємо функцію init
00:15:25 Реалізація bindVolumeControls
00:22:14 Логіка функції setVolume
00:28:00 Функція playTone
00:29:40 Чотири типи осциляторів
00:30:04 Синтез звуку та запуск
## 🔗 Посилання з відео
Редактор коду VS Code — https://code.visualstudio.com/
Плагін Live Server — https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Oscillators – https://musiclab.chromeexperiments.com/Oscillators/
GitHub репозиторій з кодом (гілка lesson-2) — https://github.com/vlad-tomiuk/youtube-js-matching-game-course
#javascript #js #practicejs #javascriptpractice #jsforbeginners
#javascriptukraine #javascriptукраїнською #програмування
#frontend #webdev #frontenddeveloper
#jscourse #learningjs #coding #learningcode
#javascriptgame #memorygame #minigame
#practicefrontend #beginnerfriendly












Будьте першим, хто прокоментує