如何用滑块实时调整基于p5.js+WAAClock的鼓机BPM？

项目概况 #

• 原本在Processing 3/4中完成了支持滑块实时调整tempo的鼓机，现需迁移至p5.js网页平台
• 选用Tone.js而非p5.sound：p5.sound内存占用过高，运行1分钟内就会崩溃，Tone.js可稳定运行数小时
• 已基于Tone.js和WAAClock完成鼓机主体搭建

核心问题 #

• BPM变量在setup()的clockSetup()函数中初始化后，无法通过滑块实时修改默认的60BPM
• 尝试过两种方案均无效：
  • 在draw()函数中直接调整BPM值
  • 移除setup()中的BPM初始化，仅在draw()中设置BPM

鼓机操作说明 #

• 点击对应行的方块可激活对应音色（底行对应底鼓，中行对应军鼓）
• 按空格键启动鼓机

完整代码可在OpenProcessing的对应sketch中查看

内容的提问来源于stack exchange，提问作者Alèn Martel