motion blur when moving

[rupl]

Might have to switch to SVG but the result would be worth it.

🔗 http://tympanus.net/Tutorials/MotionBlurEffect/

[afragon]

It might be a sound idea to switch to SVG as it opens up possibilities to save the art as a file that have all interactive elements embedded.

[rupl]

in this case we'd be making the individual shapes SVGs instead of one huge canvas made of SVG. although both are intriguing! It would be a GPU destroyer but making the whole board one big SVG opens up many more filtering capabilities and stuff.

[rupl]

I stand corrected: two.js does indeed draw the canvas as a single SVG, which means we can easily snapshot any bustashape room at any time.

I also saw this two.js physics demo which seems even more fun than plain motion blur:

🔗 http://jonobr1.github.io/two.js/examples/rubber-ball.html

[rupl]

The motion blur referenced in the top comment is only possible for X/Y, not any arbitrary direction, so for our purposes it won't work. The vertices warping, however, works!

Unfortunately it is a little too CPU heavy to deploy, and also scaling way down makes things super whacky. Overall I would say this was a successful experiment, but we need another generation or two of hardware before this will work smoothly.