javascript - 粒子的动态文本变化

Question

如何动态改变文字，无需重启，即动态改变粒子的排列

Partallan.init("PARTALLAN");

示例:http://codepen.io/lateek35/pen/QbZdEB

Answer 1

正如评论部分所述，您应该告诉我们您已经尝试过哪些操作，以及哪些操作无效。

无论如何，在这里我将向您解释我会如何做到这一点。

正如你所看到的，每个粒子的对象都有一个属性ox和oy，它们对应于粒子的原始 anchor 坐标。

我认为应遵循的步骤是:

1 - 重新使用writeText方法在offcanvas中创建新文本并保存新坐标。

2 - 将 articles 数组中每个粒子的 ox 和 oy 值调整为您在上一步中检索到的新坐标

这里的棘手点是已经存在的粒子数量。这完全取决于所使用的新文本，但我认为您不可能获得与粒子数量相同的坐标量。因此，您必须在数组中添加新粒子或删除一些粒子(当然还需要为此实现动画，可能使用像 article.die() 这样的方法)

希望对你有帮助