jsfx: бесплатный браузерный генератор звуковых эффектов
jsfx создаёт ретро-звуки для игр — Coin, Laser, Explosion, Powerup и Jump. Поиграйтесь с веб-инструментом, покрутите ползунки, скопируйте конфиг — и пусть ваш агент вставит его в игру!
Как-то раз я баловался с крошечной браузерной игрой, собранной вместе с моим агентом — там бегали враги, рос счёт, засчитывались столкновения, — но что-то было не так. Просто слишком тихо. Мозг ждёт звуков. Когда подбираешь монетку, ждёшь «динь». Взрыв должен сопровождаться бабахом.
jsfx — это генератор звуковых эффектов на JavaScript. Он полностью клиентский: ничего не нужно скачивать, регистрироваться или устанавливать. В jsfx есть готовые пресеты для классических 8-битных звуков: Coin, Laser, Explosion, Powerup, Hit, Jump, Select, Lucky. Чтобы воспользоваться веб-инструментом, просто зайдите на loov.github.io/jsfx, выберите пресет, подвигайте ползунки, скопируйте конфиг — и остальное сделает ваш агент. Конфиг — это небольшой 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 · Founder & CEO, Dad4Kids
Статьи · Свежие статьи