Paper.JS光栅文物

时间:2013-12-16 12:35:47

标签: animation rotation raster paperjs

有一项任务是传播一些栅格立方体(PNG,透明背景) 基于Paper.JS平台的画布。

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

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

artefact image

1 个答案:

答案 0 :(得分:1)

尝试使用符号而不是一遍又一遍地重新创建相同的栅格:

在你'建立立方体'的设置中:

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

和hive():

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

另外,我相信paper.js会尝试不为屏幕外元素设置动画以节省处理时间。您可能最好使用view.scrollBy(point)

,而不是让画布大于视口