by getToTheChopin on 2/11/25, 10:06 AM with 0 comments
Click the button at the bottom-right to close/show the controls. You can use the menu to upload a new image, adjust the animation speed / number of kaleidoscope tiles / canvas size, and to export the animation as a video file.
This web tool is completely free, open source, without any paywalls or premium options. You are welcome to use it for personal or commercial purposes.
This project is coded using Javascript, HTML-5 canvas, and CSS. Video creation and encoding is done using mp4 muxer. Github repo: https://github.com/collidingScopes/collidingScopes.github.io
Enormous thanks and credits to Luke Hannam, whose blog post explained the code and mechanics for creating kaleidoscope animations in javascript: https://www.pepperoni.blog/canvas-kaleidoscope/