This is an open source project to turn photos into kaleidoscope animations.<p>Live website: <a href="https://collidingscopes.github.io/" rel="nofollow">https://collidingscopes.github.io/</a><p>Built using javascript, HTML, CSS.<p>Enormous thanks and credits to Luke Hannam, whose blog post explained the code and mechanics for creating kaleidoscope animations in javascript: <a href="https://www.pepperoni.blog/canvas-kaleidoscope/" rel="nofollow">https://www.pepperoni.blog/canvas-kaleidoscope/</a><p>I made only a few tweaks to Luke's original algorithm, with my main work being to add the front-end user interface allowing users to upload their own photos, control variables like animation speed, and easily export the canvas animation to video.<p>There are a few hotkeys which can speed up using the tool:<p>Press "r" to start recording a video of the animation. You can specify the length of the video in seconds. An mp4 video file will be exported to your downloads folder afterwards<p>Press "p" to pause / play the animation. This lets you stop at an interesting point of the animation<p>Press "s" to save a screenshot of the current state of the animation (png image)<p>This project is coded using Javascript, HTML, and CSS. I do not have access to any of the images that you upload here, as all processing is done client-side.