Bubbly里的变量怎么使用教程
0
2026-06-18
Bubbly不提供全局变量API,所有参数在调用对象时都必须通过bubbly()调用。

我想动态控制Bubbly背景的颜色、数量或运动轨迹,但找不到输入声明变量或参数传递方法? Bubbly本身不提供全局变量API,所有可调整的参数都封装在调用bubbly()时传递的对象中,直接修改对象属性即可生效。不需要单独声明变量。启动基础:用字面量公存传电知识
第一步:底层调用写bubbly()>,但不可写bubbly();——会使用默认参数,不能重复或后续调整。
第二步:改用字面量传参,例如:bubbly({speed: 0.3, count: 80});。这里的speed和count不是自变量,而是对象的键值;你不可别处写speed = 0.5;然后期望气泡变快,必须重新调用bubbly()并传递新对象。
第三步:若钢可以天用发电影头包,及先名天量员入,然后传递:const bgConfig = {speed: 0.2, count: 60}; bubbly(bgConfig);。注意:【调用bubbly()之前必须定义bgConfig】,否则报ReferenceError。动态颜色:使用函数返回值模拟“活变量”() => `hsla(${Math.random() * 30 + 10}, 90%, 70%, ${Math.random() * 0.4 + 0.1})`。每次重新绘制画布时,都会执行此函数,相当于“运行时变量”。 bubbly({bubbles: {fill: () => {hueOffset = (hueOffset + 2) % 360; return `hsla(${hueOffset}, 100%, 60%, 0.3)`;}}});
⚠️注意:入包变量hueOffset必须在调用bubbly()之前声明,并且不能放在内部填充中function——否则每次调用都会为0。 响应更新:重新调用覆盖旧实例
Bubbly运行时不支持参数修改,只能销毁重建:
第一步:保存初始调用和返回值 const bubbleInstance = bubbly({speed: 0.3})。