spite/looper

Looperepool

looper

Looperepool, a tool to create looperinos

Demo: https://spite.github.io/looper/#4 (Chrome and Safari Tech Preview only)

Steps:

• Point a web server to the root folder of the project, for example in port 8000

• Create a loop script on the loops folder, let's say foo.js. The script is basically an ES6 module that has to export three things:

  • a draw method, that can take an optional argument timeStart, in case you want to reset the animation when capture starts

  • loopDuration, the duration of the loop in seconds. This will tell the capturer how many frames to get

  • canvas, the HTMLCanvasElement to use for display and capture.

  • 1.js is an example of 2D Canvas

  • 4.js is an example of three.js

• Open localhost:8000#foo

looper's Issues

[Feature Request] Gallery page for these wonderful animations.

Hi, thank you for this wonderful library!
So many cool animations out there!
Is there any chance we can get a gallery page for these great canvas animations?
Thank you!

Firefox

It works amazingly on firefox as well

So cool

So cool!

Update to most recent version of Three.js to enable XR support

I'd love to add VR/AR support to these sketches, but I'm having a lot of trouble updating this repository's copy of Three.js to the most recent version. If you could update to the latest version, I'll be happy to try and add XR support.