Растровые артефакты Paper.JS

есть задача разложить по холсту несколько растровых кубов (PNG, с прозрачным фоном) на платформе Paper.JS.

Я это сделал, но есть баг - холст больше окна браузера и при прокрутке вправо анимированные кубики глючат, см. прикрепленный скриншот. Кажется, что рендерер не очищает предыдущие кадры. Такая же ошибка возникает во всех браузерах.

Может кто знает как побороть? Когда я пытаюсь изменить размер окна и вызвать onResize, все становится хорошо, если я не пытаюсь прокрутить его снова.

артефактное изображение


animation rotation raster paperjs
person VVK    schedule 16.12.2013    source источник
comment
Не могли бы вы опубликовать свой код или ссылку на пример?   -  person Alex Blackwood    schedule 16.12.2013
comment
area51.vkuchinov.co.uk/artefact01 Собственно, управляющий скрипт здесь area51.vkuchinov.co.uk/artefact01/js/cubes2D.js   -  person VVK    schedule 16.12.2013

Ответы (1)


arrow_upward
1
arrow_downward

Попробуйте использовать символы вместо повторного создания одних и тех же растров:

В настройках «строительных кубов»:

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

и в улье():

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

Кроме того, я считаю, что paper.js пытается не анимировать элементы за пределами экрана, чтобы сэкономить время обработки. Вместо того, чтобы холст был больше области просмотра, вам может быть лучше использовать view.scrollBy(point)

person Alex Blackwood    schedule 16.12.2013