2025-03-13 19:26:00
collidingscopes.github.io
Liquid Shape Distortions π
Psychedelic animation generator; (p)art of your next trip
Create psychedelic art using liquid motion, distortion, shadows and light. This tool is free, and works in real-time in the browser.
This project was inspired by drum & bass / acid techno music, and 90s rave posters.
Use this to create art for a music video, concert posters, stylized animations in creative projects, or simply to enjoy alongside some fine music.
Controls / hotkeys:
- π²: randomize all inputs [r]
- β―οΈ: pause/play the animation [space]
- π·: save a screenshot image [s]
- π₯: start and stop video export [v]
- π: start/stop music [m]
Use the full control menu (top-right) to set a custom canvas size, adjust animation speed, control pattern and colours, etc…
You can export your creation as an image or video afterwards.
The animation is created with WebGL shaders, starting from a random seed position and mixing in elements of random noise (fractal brownian motion, 3D simplex noise), so each time you re-run it you’re creating a unique piece of art.
This tool is completely free, open source (MIT license), without any paywalls or premium options. You are welcome to use it for personal or commercial purposes.
If you found this tool useful, feel free to buy me a coffee. My name is Alan, and I enjoy building open source software for art, animation, games, and more. This would be much appreciated during late-night coding sessions!
The code used to create the animation is resource-intensive, so it may run with some lag if your computer doesn’t have enough computing power, too many tabs open, low battery, etc.
If the video export feature does not work for you, please try a free screen-recording tool such as OBS Studio.
This project is coded using webgl shaders, vanilla Javascript, HTML5 canvas, and CSS (see github repo). Video creation and encoding is done using mp4 muxer.
The song used is Fahrenheit Fair Enough by Telefon Tel Aviv.
If you enjoyed this, you may be interested in my other free / open source projects:
Feel free to reach out to discuss, ask questions, or just to say hi! You can find me @stereo.drift on instagram, or through the other places below π
Keep your files stored safely and securely with the SanDisk 2TB Extreme Portable SSD. With over 69,505 ratings and an impressive 4.6 out of 5 stars, this product has been purchased over 8K+ times in the past month. At only $129.99, this Amazon’s Choice product is a must-have for secure file storage.
Help keep private content private with the included password protection featuring 256-bit AES hardware encryption. Order now for just $129.99 on Amazon!
Help Power Techcraticβs Future – Scan To Support
If Techcraticβs content and insights have helped you, consider giving back by supporting the platform with crypto. Every contribution makes a difference, whether itβs for high-quality content, server maintenance, or future updates. Techcratic is constantly evolving, and your support helps drive that progress.
As a solo operator who wears all the hats, creating content, managing the tech, and running the site, your support allows me to stay focused on delivering valuable resources. Your support keeps everything running smoothly and enables me to continue creating the content you love. Iβm deeply grateful for your support, it truly means the world to me! Thank you!
BITCOIN bc1qlszw7elx2qahjwvaryh0tkgg8y68enw30gpvge Scan the QR code with your crypto wallet app |
DOGECOIN D64GwvvYQxFXYyan3oQCrmWfidf6T3JpBA Scan the QR code with your crypto wallet app |
ETHEREUM 0xe9BC980DF3d985730dA827996B43E4A62CCBAA7a Scan the QR code with your crypto wallet app |
Please read the Privacy and Security Disclaimer on how Techcratic handles your support.
Disclaimer: As an Amazon Associate, Techcratic may earn from qualifying purchases.