jsfxr は、ブラウザだけで8ビットの効果音を作れるツールです。無料の版でも商用利用に制限はなく、WAV での書き出しができます。書き出す形式を増やした有料の Pro 版もあります。
jsfxr とは何か
jsfxr（ジェイエスエフエックスアール）は、ブラウザの中で動く8ビットの効果音を作るツールです。公式サイトの説明には、レトロな効果音を作るのに必要なものはウェブブラウザだけだと書かれています。
DrPetter が作った sfxr を JavaScript に移したもので、Eric Fredricksen が作り、Chris McCormick が手を加えています。ソースコードは公開されています。
公式サイトは、jsfxr を JavaScript のライブラリとしても使えると案内しています。sfxr の効果音を自分のゲームの中で鳴らしたり書き出したりする用途です。
jsfxr でなにが作れますか
jsfxr には、作りたい音の種類を選ぶボタンが並んでいます。
| ボタン | 何の音か |
|---|---|
| Random | でたらめに決める |
| Pickup/coin | 拾う音・コインの音 |
| Laser/shoot | 光線・射撃の音 |
| Explosion | 爆発の音 |
| Powerup | 強くなる音 |
| Hit/hurt | 当たる音・傷つく音 |
| Jump | 跳ぶ音 |
| Click | 押す音 |
| Blip/select | 選ぶ音 |
| Synth・Tone | 合成音・単音 |
| Mutate | いまの音を少しだけ変える |
手で調整できる項目は、波の形（Square・Sawtooth・Sine・Noise）、Envelope（音の立ち上がりと消え方）、Frequency（高さ）、Vibrato（揺らぎ）、Arpeggiation（高さの階段）、Duty Cycle（波の幅）、Retrigger（鳴らし直し）、Flanger（うねり）、Low-Pass Filter（高い音を削る）、High-Pass Filter（低い音を削る）です。
書き出しは sfx.wav、設定の保存は sfx.json です。サンプルレートは 44k・22k・11k・8k（Hz）から、サンプルサイズは 16 bit と 8 bit から選べます。作った音は permalink（そのまま開けるリンク）にもできます。
公式サイトには、コマンドラインで WAV に変換するための sfxr-to-wav という Node.js のスクリプトも案内されています。
jsfxr の費用とライセンス
jsfxr には無料の版と有料の Pro 版があります。公式サイトの一覧によると、無料の版でも次のことができます。
| 無料の版でできること | 記述 |
|---|---|
| 8ビットの効果音の生成 | 数の制限なし |
| WAV での書き出し | できます |
| 数値でのパラメータの編集 | できます |
| 単音・和音の再生 | できます |
| 商用利用 | 制限なし（Unrestricted commercial use） |
| 個人のデータ | 集めていません |
| 広告・追跡の仕組み | ありません |
| 暗い配色 | 使えます |
Pro 版で増えるものは、mp3・ogg・sfxr の形式での書き出し、細かく調整するための JSON の編集画面、クラウドへの保存と機器の間の同期、音をパックにまとめる機能です。
jsfxr の無料の版と Pro 版
| 項目 | 無料 | Pro |
|---|---|---|
| WAV の書き出し | できます | できます |
| 商用利用 | 制限なし | 制限なし |
| mp3・ogg・sfxr の書き出し | — | できます |
| クラウドへの保存と同期 | — | できます |
jsfxr を手に入れる場所
jsfxr は公式サイトでそのまま動きます。Pro 版の案内も同じ公式サイトに置かれています。
- jsfxr を手に入れるhttps://sfxr.me/
このページの情報源
- jsfxr — 公式サイト（about jsfxr・Jsfxr Pro の一覧・書き出しの設定）https://sfxr.me/確認日 2026-09-12