Question

我的目标是让波段从屏幕底部移动到顶部，同时让波浪动画化。我用来制作wave的代码来自paperjs.org：

http://paperjs.org/tutorials/animation/creating-animations/#animating-path-segments

理想情况下，我想关闭保持锚定在视口左下角的点的路径。这样我就可以用纯色填充波浪。

Answer 1

只需在生成均匀分布的段的for循环之前和之后为路径添加点：

path.add(new Point(0, 1) * view.size);

// Add 5 segment points to the path spread out
// over the width of the view:
for (var i = 0; i <= amount; i++) {
path.add(new Point(i / amount, 1) * view.size);
}

path.add(new Point(1, 1) * view.size);

这将为您提供锚定在视图底部的点。要考虑新段，请将onFrame函数中的for循环更改为：

for (var i = 1; i <= amount+1; i++) {

如何在onFrame中组合动画？

1 个答案: