有一项任务是传播一些栅格立方体(PNG,透明背景) 基于Paper.JS平台的画布。
我做到了,但是,有一个错误 - 画布比浏览器窗口大,当你向右滚动时,动画的立方体会出现问题,请参阅随附的屏幕截图。看起来 渲染器不会清除以前的帧。所有浏览器都会出现同样的错误。
有谁知道如何克服它?当我试图调整窗口大小并调用onResize时,除非我不想再次滚动它,否则一切都会变好。
答案 0 :(得分:1)
尝试使用符号而不是一遍又一遍地重新创建相同的栅格:
在你'建立立方体'的设置中:
sprites[s] = new Symbol(new Raster(urls[s]));
和hive():
var tmpRaster = sprites[selector].place();
另外,我相信paper.js会尝试不为屏幕外元素设置动画以节省处理时间。您可能最好使用view.scrollBy(point)