如何使用Tone.js基于给定音高音符制作三消游戏成就类音效？

API 探路者

2026-10-9

结论

你的需求完全可以实现，你提到的「仅使用音高音符不够，需要搭配音高偏移、时间调控能力」的判断是正确的。三消类成就的琶音音效核心是按特定时间序列快速触发一组上行音高，再加少量音色修饰就能实现类似「Tada!」的效果。

实现核心要点

音高序列：一般选大调音阶或大三和弦的上行排列，比如C-E-G-C的递进，符合大众对「成就达成」的听觉习惯，你提供的音高列表完全可以覆盖需求
时间控制：不要用原生setTimeout做音符调度，Tone.js内置了精准的音频时间控制，精度远高于DOM定时器，能保证琶音的节奏感
音色修饰：可以通过调整合成器的包络、振荡器类型让音效更明亮，也可以额外加音高滑音、颤音等效果提升辨识度

示例代码

更合理的单音播放写法，可替代你提供的setTimeout版本：

// 直接用triggerAttackRelease传入时长，不需要手动控制release
polySynth.triggerAttackRelease("C", 0.4);

完整的琶音音效实现代码：

// 初始化合成器，配置适合成就音效的参数
const polySynth = new Tone.PolySynth(Tone.Synth, {
  oscillator: {
    type: "triangle"
  },
  envelope: {
    attack: 0.02,
    decay: 0.1,
    sustain: 0.3,
    release: 0.9
  }
}).toDestination();

// 定义琶音音高序列，可根据需要替换为你列表中的任意音高
const arpeggio = ["C4", "E4", "G4", "C5", "E5"];
// 每个音符的触发间隔，单位为秒，数值越小琶音速度越快
const interval = 0.08;

// 按序列触发音符
arpeggio.forEach((note, idx) => {
  polySynth.triggerAttackRelease(note, 0.4, Tone.now() + idx * interval);
});