jsfx: бесплатный генератор ретро-звуков для браузерных игр
jsfx генерирует классические 8-битные звуки прямо в браузере — монета, лазер, взрыв, прыжок, пауэрап. Открываешь веб-интерфейс, настраиваешь слайдерами, копируешь конфиг и отдаёшь агенту.
Тестировал браузерную игру которую сделал с агентом — враги движутся, счётчик очков работает, столкновения считаются. И всё равно что-то не так. Оказалось — тишина. Мозг ждёт звука. Монета подобрана без пинга — кажется, что баг. Взрыв без грохота — просто исчезающий спрайт.
jsfx — генератор звуковых эффектов на JavaScript, который работает прямо в браузере. Ничего скачивать не нужно, никаких аккаунтов, никакой установки. Внутри есть готовые пресеты классических 8-битных звуков: монета, лазер, взрыв, пауэрап, удар, прыжок, выбор, удача. Открываешь веб-интерфейс на loov.github.io/jsfx, щёлкаешь по пресету, крутишь слайдеры — получаешь JSON-описание звука. Этот JSON отдаёшь агенту.
Исходники
loov/jsfx
★ 584JavaScript
Процесс вайб-дружелюбный: ты сам проектируешь звук через слайдеры (никакого кода), потом отдаёшь конфиг агенту на интеграцию. Генерация — около 10 мс на секунду аудио, воспроизведение мгновенное. Работает во всех современных браузерах через Web Audio API.
Как использовать jsfx в браузерной игре
- 1Открой интерфейс на loov.github.io/jsfx
- 2Нажми на пресет (Coin, Laser, Explosion и т.д.) — услышишь звук
- 3Покрути слайдеры частоты, громкости и других параметров до нужного результата
- 4Нажми кнопку Add в правом верхнем углу и назови звук
- 5В нижней части страницы скопируй JSON-конфиг из поля ввода
- 6Передай этот JSON агенту вместе с командой ниже
<script src="https://raw.githubusercontent.com/loov/jsfx/master/jsfx.js"></script>
<script>
var library = {
"coin": {"Volume":{"Sustain":0.1,"Decay":0.4,"Punch":0.5}},
"laser": {"Frequency":{"Start":880},"Volume":{"Sustain":0.05,"Decay":0.2}}
};
var sfx = jsfx.Sounds(library);
</script>
<!-- Воспроизвести звук в любом месте кода: -->
<script>
sfx.coin(); // звук монеты
sfx.laser(); // звук лазера
</script><script src="https://raw.githubusercontent.com/loov/jsfx/master/jsfx.js"></script>
<script>
var sfx = jsfx.Live({
"coin": jsfx.Preset.Coin,
"explosion": jsfx.Preset.Explosion,
"jump": jsfx.Preset.Jump,
"powerup": jsfx.Preset.Powerup,
"laser": jsfx.Preset.Laser
});
</script>Что сказать агенту
Добавь ретро-звуковые эффекты в мою игру с помощью jsfx. Загрузи библиотеку из https://raw.githubusercontent.com/loov/jsfx/master/jsfx.js через тег script. Используй jsfx.Live() с такими пресетами: - jsfx.Preset.Coin — играть когда игрок собирает очки - jsfx.Preset.Explosion — играть когда враг уничтожен - jsfx.Preset.Jump — играть когда игрок прыгает - jsfx.Preset.Powerup — играть когда подобран пауэрап Вызывай sfx.coin(), sfx.explosion() и т.д. в нужных обработчиках событий.
Классические 8-битные звуки — монета, лазер, взрыв, прыжок, пауэрап — которые мгновенно воспроизводятся в браузере. Проектируешь их визуально в веб-интерфейсе, отдаёшь конфиг агенту — и игра перестаёт быть молчащим прототипом. Бесплатно, без регистрации, ничего скачивать не нужно.
Источник: github.com
Бесплатный курс
Хватит читать про ИИ — начни строить с ним
Бесплатный курс Claude Code: свой первый сайт, инструмент или игра — без программирования. Без апсейлов и кросс-сейлов — здесь нечего купить.
Начать →▌ Гайды по теме
Автор
Евгений Арсентьев
PhD · CEO, digital health
Статьи · Свежие статьи