TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Image-to-Kaleidoscope-Animation, real-time in the browser (open source)

1 pointsby getToTheChopin3 months ago
Turn photos into kaleidoscope animations -- for free, in real-time, directly in the browser!<p>Click the button at the bottom-right to close&#x2F;show the controls. You can use the menu to upload a new image, adjust the animation speed &#x2F; number of kaleidoscope tiles &#x2F; canvas size, and to export the animation as a video file.<p>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.<p>This project is coded using Javascript, HTML-5 canvas, and CSS. Video creation and encoding is done using mp4 muxer. Github repo: <a href="https:&#x2F;&#x2F;github.com&#x2F;collidingScopes&#x2F;collidingScopes.github.io">https:&#x2F;&#x2F;github.com&#x2F;collidingScopes&#x2F;collidingScopes.github.io</a><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:&#x2F;&#x2F;www.pepperoni.blog&#x2F;canvas-kaleidoscope&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.pepperoni.blog&#x2F;canvas-kaleidoscope&#x2F;</a>

no comments

no comments