Paper.JS栅格工件

Question

有一个任务是沿着基于Paper.JS平台的画布传播一些栅格立方体（具有透明背景的PNG） 画布。

我做到了，但是，有一个错误 - 画布比浏览器窗口大，当您向右滚动时，动画立方体会出现毛刺，请参阅附加的截图。看来 渲染器不会清除以前的帧。所有浏览器都会出现同样的错误。

有人知道如何克服它吗？当我试图调整窗口大小并调用onResize时，除非我不想再次滚动它，否则一切都会变好。

artefact image

Answer 1

反复使用的符号，而不是重新创建相同的栅格尝试：

在你 '建设立方体' 的设置：

sprites[s] = new Symbol(new Raster(urls[s])); 

和蜂巢（）：

var tmpRaster = sprites[selector].place(); 

此外，我相信paper.js试图不动画off-scre en元素节省处理时间。您可以更好地使用view.scrollBy(point)