Building a browser sound game with Web Audio (why “listen first” beat live tweaking)

від

у

Будую браузерну гру з звуком за допомогою Web Audio (чому «слухати спочатку» — живе підлаштування в режимі реального часу)

https://ift.tt/TOfuUAx

Я поступово роблю невеличку браузерну гру під назвою Dialed Sound Game — ви чуєте кілька коротких тонів, а потім намагаєтеся відтворити кожну частоту з пам’яті. Режим тренувань, коли хочете розминку, щоденний прогон, коли хочете спільну «форму» завдання. Ніяких встановлень, ніякої нугоди з обліковими записами.

Це не конспект кожного рядка коду. Це єдина дизайн-боротьба, яка врятувала проект.

На початку я дозволяв людям переміщати повзунок, поки тон ще лунав. Результати виглядали круто; гра здавалася порожньою. Ви насправді не запам’ятовували — ви гналися за голкою. Розділення слухати і відгадувати у перші моменти зробило гру більш зловмисною, але зрештою вона відчулася як механіка, яку я відкрито описав друзям.

Звукові аспекти: у вебі «нормально», доки не починаєш дбати про гучність по частотах та те, як дешеві динаміки вводять оману. Я зробив звук слухання більш м’яким і не перетворював його на гострий тестовий тон. Це має бути випадкова петля, не трюк.

За стеком у верхньому шарі — Next.js як поверхня, а під ним багато «розкладування аудіо з жесту, який у вас ще є» — якщо ви розгортали Web Audio у Chrome, ви знаєте, як крутиться дриль.

Якщо ви справді спробуєте це, використовуйте навушники; ноутбучні динаміки змушать вас звинувачувати гру за фізику, яка не її провина.

Грайте тут, коли нудно: https://dialedsoundgame.com/

Якщо ви випустили щось подібне і знайшли інший компроміс для «зручної гучності», мені цікаво, що спрацювало у вашому випадку — відповідайте нижче.

HI-FI News

через DEV Community https://dev.to

11 квітня 2026 р. о 15:33

April 11, 2026 at 03:33PM


Коментарі

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *