Paper.JS 光栅人工制品答案

【问题标题】：Paper.JS raster artefactsPaper.JS 光栅人工制品
【发布时间】：2013-12-17 01:42:37
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

在“构建立方体”设置中：

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

在 hive() 中：

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

另外，我相信 paper.js 会尝试不对屏幕外元素进行动画处理以节省处理时间。与其让画布大于视口，不如使用view.scrollBy(point)

【讨论】：