来自粒子的动态文本变化

Dynamic text change from particles

如何在不重启的情况下动态改变文字,即动态改变粒子排列

Partallan.init("PARTALLAN");

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

正如评论区所说,你应该告诉我们你已经尝试过什么,什么没有奏效。

无论如何,在这里我将向您解释我是如何做到的。

可以看到,每个粒子的对象都有一个属性 oxoy 对应粒子的原始锚点坐标

我认为要遵循的步骤是:

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

2 - 将 particles 数组中每个粒子的值 oxoy 补间到您在上一步中检索到的新坐标

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

希望对您有所帮助