Paper.JS 래스터 인공물

Question

에 따라 일부 래스터 큐브 (투명 배경이있는 PNG)를 펼치는 작업이 Paper.JS 플랫폼을 기반으로합니다.

나는 그것을했지만, 버그 - 캔버스가 브라우저 창보다 크고 오른쪽으로 스크롤하면 애니메이션 된 큐브가 어긋나고 첨부 된 스크린 샷을 볼 수 있습니다. 렌더러가 이전 프레임을 지우지 않는 것으로 보입니다. 모든 브라우저에서 동일한 버그가 발생합니다.

아무도 그것을 극복하는 방법을 알고 있습니까? 창 크기를 조정하고 onResize를 호출하려고하면 다시 스크롤하지 않으면 모든 것이 잘됩니다.

artefact image

Answer 1

것은 반복해서 같은 래스터를 기호를 사용하는 대신 다시 시도하십시오 : 당신에

'큐브'설정 :

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

와의 하이브() :

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

또한 paper.js는 애니메이션을 해제하려고 시도합니다. 처리 시간을 절약하기위한 요소 캔버스를 뷰포트보다 크게하는 대신 사용하는 것이 더 나을 수도 있습니다. view.scrollBy(point)