粒子

时间:2017-05-16 12:03:11

标签: javascript text particles

如何在不重新启动的情况下动态地将文本更改为另一个文本,即粒子排列的动态更改

Partallan.init("PARTALLAN");

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

1 个答案:

答案 0 :(得分:1)

如评论部分所述,您应该告诉我们您已经尝试过的内容以及哪些内容无效。

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

如您所见,每个粒子的对象都有一个属性oxoy,它们对应于粒子的原始锚点坐标。

我认为接下来的步骤是:

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

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

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

希望它能帮到你