Any idea why this Paperjs script has a certain amount of lag

Question

I wrote this script, and when I move the slider, the squares should instantly resize. They dont. It takes a few seconds. Any ideas?

Here's a link to my code: code on github gist. . Why does it delay?

Answer 1

You should add paper.view.draw() after you resize the squares so paper will update the canvas. It's redrawing internally but not updating the canvas.

There might be an issue with using on("change") as well - see this issue: onchange event on input range not triggering