如何在fireworks-js中将烟花设置为单色黄色？

fireworks-js默认的多彩烟花是因为它会随机生成颜色，要改成单一黄色，直接覆盖它的color配置项就行——这个配置支持自定义函数来返回固定颜色：

• 如果你用ES模块引入：

import Fireworks from 'fireworks-js'

const fireworks = new Fireworks(document.getElementById('your-container-id'), {
  // 让颜色函数固定返回黄色的RGB值
  color: () => [255, 255, 0],
  // 其他原有配置保留即可
})

fireworks.start()

• 如果你用CDN引入：

<script src="https://unpkg.com/fireworks-js@latest/dist/fireworks.js"></script>
<script>
  const fireworks = new Fireworks.default(document.getElementById('your-container-id'), {
    color: () => [255, 255, 0]
  })
  fireworks.start()
</script>

原理很简单：库的color选项如果传入函数，就会用这个函数的返回值作为粒子颜色，只要让它固定返回黄色的RGB数组，所有烟花粒子就都是黄色了。要是想要偏橙或偏浅的黄色，直接调整RGB数值就行，比如[255, 220, 0]就是暖黄色。

内容的提问来源于stack exchange，提问作者Smile_mask