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)