sfxr.me 暂未发现付费内容

jsfxr是什么网站?

jsfxr 是一个在线 8-bit 音效生成器，打开网页就能调参数、试听并下载音效，也能把音效库接入 JavaScript 游戏。

主要用途

• 快速生成复古游戏音效：拾取/金币、激光/射击、爆炸、升级、受击、跳跃、点击等。
• 手动调整音色：方波、锯齿波、正弦波、噪声，以及包络、频率、颤音、琶音、占空比等参数。
• 导出使用：下载 sfx.wav，或保存为 sfx.json 以便复用参数。
• 作为 JavaScript 游戏的音效库使用。

适合谁、什么时候用

• 独立游戏或 Game Jam 开发者需要临时音效时。
• 做 8-bit 风格原型，想快速试听不同音色时。
• 不想装软件、只想在浏览器里生成并下载 WAV 的人。

使用方式 先点 Generator 里的预设（如 Pickup/coin、Laser/shoot）试听，再用 Manual Settings 微调波形和参数，满意后下载 WAV 或保存 JSON。页面还提供 permalink 和 Copy code，方便分享或复现同一音效。

可以搭配的网站

• 需要更完整的音效素材库时，可看 Freesound。
• 需要在线做音乐或音效编辑时，可看 Audacity。
• 需要更多 8-bit 风格生成器时，可对比 Bfxr。

如何用jsfxr生成8位风格的游戏音效?

在 jsfxr 上生成 8 位游戏音效，最快的方式是先用 Generator 里的预设按钮试听，挑一个接近目标的方向，再进 Manual Settings 微调参数，最后下载 WAV 或保存 JSON。

具体操作流程

1. 打开 Generator 面板，点击预设按钮试听。预设覆盖常见游戏动作：Pickup/coin、Laser/shoot、Explosion、Powerup、Hit/hurt、Jump、Click、Blip/select。
2. 用 Mutate 做变体。选中一个接近的预设后反复点 Mutate，每次会随机改动参数，适合快速凑出一组风格统一但不重复的音效。
3. 进 Manual Settings 精调。可调项包括：
   • 波形：Square、Sawtooth、Sine、Noise
   • Envelope（包络）、Frequency（频率）、Vibrato（颤音）
   • Arpeggiation（琶音）、Duty Cycle（占空比）、Retrigger
   • Flanger、Low-Pass Filter、High-Pass Filter
4. 设置采样率与位深。Sample Rate 可选 44k、22k、11k、8k，Sample size 可选 16 bit 或 8 bit。要更“复古”的颗粒感，选低采样率加 8 bit，并留意 File size、Samples、Clipped 这几项实时数据。
5. 导出。点 Download 存成 sfx.wav，或用 Save As 存成 sfx.json 便于以后继续改；permalink 和 Copy code 用于分享或嵌入。

谁适合这样用

做 Game Jam、独立小游戏或原型的人，往往需要一批短促、辨识度高的音效，但不想开完整 DAW。jsfxr 的预设加 Mutate 组合，能在几分钟内产出跳跃、拾取、射击、爆炸这几类常用声音。

在代码里复用

该网站也可作为 JavaScript 游戏的音效库使用。你可以把调好的参数以 JSON 形式保存，在游戏加载时按需生成音效，而不必为每个音效单独打包音频文件。

选择条件

• 想要纯 8 位芯片感：优先 Square、Sawtooth，配合低采样率和 8 bit。
• 想要爆炸、受击的噪声质感：用 Noise 波形，加 Low-Pass Filter 控制刺耳程度。
• 想要金币、能量道具的清脆上扬：用 Arpeggiation 加 Frequency 上扫。
• 需要一组同源音效：固定一个预设，多次 Mutate，保持波形和包络接近。

如果这些预设不够用，也可以把 jsfxr 当作快速草图工具，导出 WAV 后再到其他音频软件里做进一步处理。

jsfxr的Manual Settings里各项参数分别控制什么效果?

jsfxr 的 Manual Settings 把 8-bit 音效拆成几个模块，每项参数都直接改变波形的生成方式。按面板分区说明如下。

波形与音色

• Square / Sawtooth / Sine / Noise：选择基础波形。方波偏电子、锯齿偏明亮、正弦偏柔和，噪声用于爆炸、打击类音效。
• Duty Cycle：方波的占空比，影响音色明暗与“厚度”，接近脉冲波效果。
• Synth Tone：合成音调，配合波形决定整体音高质感。

包络与频率

• Envelope：音量包络，控制音效从起音到衰减的时长和形状，决定“短促”还是“拖尾”。
• Frequency：起始频率与频率变化方向，决定音效音高及滑音走向。
• Vibrato：颤音，让音高周期性波动，常用于拾取、提示音。
• Arpeggiation：琶音/音高跳变，制造上行或下行的多音阶效果。

调制与滤波

• Retrigger：重新触发，让声音在包络内重复起音，产生断续或抖动感。
• Flanger：镶边效果，叠加轻微延迟的副本，增加金属或空间感。
• Low-Pass Filter：低通滤波，削弱高频，让声音变闷、变暗。
• High-Pass Filter：高通滤波，削弱低频，让声音变薄、变尖。

输出相关

• Sample Rate（44k / 22k / 11k / 8k）：采样率越低，8-bit 颗粒感越强，高频细节越少。
• Sample size（16 bit / 8 bit）：位深越低，量化噪声越明显，复古感越重。

怎么用这些参数

想调出经典“金币/拾取”音，可以选 Square、短 Envelope、Frequency 上行，再加一点 Arpeggiation。想做爆炸，选 Noise、长 Envelope、低通滤波压低高频。调好后用 Play 试听，Download: sfx.wav 导出音频，或用 Save As: sfx.json 保存参数，再通过 permalink 分享或 Copy code 嵌入 JavaScript 游戏。

如果只是想快速出结果，可以先用 Generator 的 Random、Pickup/coin、Laser/shoot、Explosion 等预设，再回到 Manual Settings 微调具体参数。

怎样把jsfxr做好的音效下载成wav文件或保存为json?

在 jsfxr 里做好音效后，用界面底部的 Download: sfx.wav 按钮就能下载成 WAV 文件；用 Save As: sfx.json 按钮则把当前音效参数保存成 JSON 文件。

下载 WAV

• 位置：Generator 页面底部的 Sound 区域。
• 操作：调好参数后点 Download: sfx.wav。
• 结果：得到当前音效的 WAV 音频，可直接拖进游戏引擎、剪辑软件或音频工具里用。

保存 JSON

• 位置：同一区域，按钮为 Save As: sfx.json。
• 作用：保存的是音效的参数配置，不是音频本身。之后可以再加载回来继续编辑，或作为参数库管理多个音效。
• 适合场景：需要批量保存、版本管理，或想把参数交给代码/其他工具再生成声音时。

两者怎么选

补充

• 页面还提供 permalink 和 Copy code，方便把当前音效分享或嵌入。
• 如果你要把音效用在 JavaScript 游戏里，jsfxr 本身也可以作为声音库使用；但导出环节仍按上面两个按钮操作即可。

如何在JavaScript游戏里把jsfxr当作声音库来调用?

jsfxr 本身是网页版 8-bit 音效生成器，要把它当声音库用，实际是在游戏里调用它的底层库 jsfxr（浏览器端 JavaScript 实现）。做法是：在本地用生成器调好音效，导出参数，再在游戏代码里加载库、按参数合成播放。

使用流程

1. 在 jsfxr 网页生成器里选预设（Pickup/coin、Laser/shoot、Explosion、Jump 等）或手动调 Frequency、Envelope、Vibrato、Arpeggiation、Duty Cycle、Filter 等参数。
2. 试听后用 Save As: sfx.json 导出参数文件（也可用 permalink 记录参数）。
3. 在游戏项目中引入 jsfxr 库文件。
4. 用 sfxr.generate(params) 生成音效数据，再交给 Web Audio API 播放。

代码思路

// 1. 加载库后生成音效
const sfx = new sfxr();               // 或 sfxr.generate(...)
const sound = sfx.generate({
  oldParams: true,
  wave_type: 0,        // 0 方波 1 锯齿 2 正弦 3 噪声
  p_env_attack: 0,
  p_env_sustain: 0.3,
  p_env_decay: 0.4,
  p_base_freq: 0.3,
  // ...其余参数从 sfx.json 里取
});

// 2. 用 Web Audio 播放
const ctx = new AudioContext();
const buffer = ctx.createBuffer(1, sound.length, 44100);
buffer.copyToChannel(sound, 0);
const src = ctx.createBufferSource();
src.buffer = buffer;
src.connect(ctx.destination);
src.start();

关键点

• 参数命名对应界面：wave_type 对应 Square/Sawtooth/Sine/Noise，p_env_* 对应 Envelope，p_freq_*、p_vib_*、p_arp_* 分别对应 Frequency、Vibrato、Arpeggiation。
• 采样率与位深：网页可导出 44k/22k/11k/8k、16bit/8bit 的 wav，游戏内合成时按需保持一致，避免音色偏差。
• 两种用法：想省事就直接用导出的 wav 文件当资源播放；想动态变化（如随机音调）就在运行时调 generate 参数。

适用场景

• 独立小游戏、Game Jam 项目需要快速批量产出复古音效。
• 需要同一音效按游戏状态微调（如连击时音调递增）时，运行时合成比预录 wav 更灵活。

同类选择

• 想要更完整的音频引擎和空间音效，可用 Howler.js 负责播放调度，音效仍由 jsfxr 生成。
• 想找更多现成 8-bit 素材，可参考 jsfxr 之外的免费音效库，但自行生成能保证风格统一。

下一步

先在网页生成器里做 3–5 个核心音效（跳跃、射击、拾取、受伤），导出 sfx.json，再把参数写进游戏代码。

jsfxr Pro和免费版有什么区别?

jsfxr Pro 与免费版的差别，资料里只明确提到一个入口：页面底部有 “Jsfxr Pro” 区域，但未列出 Pro 的功能、价格或授权细节。因此能确定的只有：免费版可直接在网页里生成 8-bit 音效，并支持导出。

免费版能做什么（来自页面证据）：

• 生成器预设：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。
• 试听与导出：Play、Download sfx.wav、Save As sfx.json，另有 permalink 和 Copy code。
• 采样设置：44k/22k/11k/8k，16 bit/8 bit。
• 页面描述还提到可把它当作 JavaScript 游戏的声音库使用。

如果你要判断是否该上 Pro，建议先看免费版是否卡在以下场景：

• 只想做几个跳跃、射击、拾取音效，免费版够用。
• 需要批量生成、商业授权、更多预设或工程管理，才需要确认 Pro 是否提供这些。
• 页面没有给出 Pro 的价格和功能清单，最直接的动作是点进 “Jsfxr Pro” 入口查看当前说明。

同类工具可对照 jsfxr 本身、Bfxr、sfxr 等 8-bit 音效生成器；但 Pro 与免费版的具体差异，仍以 jsfxr 页面内 Pro 入口的当前说明为准。