RITM Generator

RITM Generator is a user-friendly web-based program designed to produce various abstract waveform graphics utilizing a Simplex noise algorithm and generative-based color palette system.

With the tool, you can create high-quality animation loops and stills in seconds and capture them directly from the generator. Moreover, the program provides plenty of customization options and provides the ability to export and import program settings as custom presets in JSON format for future reference and revision.

---

Basic Use:

The program was created with simplicity in mind, so I suggest you to browse through the Presets integrated in the program and experiment with the settings. This will give you an idea of the tools' features, as well as allow you to make something of your own using off-the-shelf solutions.

There’s a detailed article I wrote on Medium, though it’s based on an earlier version of the tool. The core concept is still the same, and while there have been some updates and additions, they don’t significantly affect the overall understanding.

Performance and compatibility

Here are some technical considerations to keep in mind when using the tool:

• Browser Performance: Rendering speed can vary widely depending on your hardware and browser. If you notice significant slowdowns, try switching to a different browser - Chrome and Firefox tend to offer the best performance.
• Video Export: During export to video, the process may stop due to insufficient memory, especially with high resolution or long videos. If this happens, try reducing the resolution or length of the video. For large or high-resolution videos, consider exporting as a PNG sequence and later converting it to a video using the FFmpeg library.
• MP4 Lag: When exporting to MP4 format, a library-related lag can lead to performance drops, causing the program to slow down noticeably after capturing and exporting the animation. Refreshing the page resolves this issue.
• Mobile Support: The tool isn’t optimized for mobile devices. You’ll need at least an 800×600 display to run it reliably.

Please let me know if you're running into any issues or discover a bug while using the program.

Credits

I would like to acknowledge the use of several third-party libraries within this project and express my sincere gratitude to their creators for making these resources available:

• The p5.js ↗ Creative Coding Library, a product of the collective efforts of an incredible team;

• The Tweakpane ↗ interface library, ingeniously developed by Hiroki Kokubun;

• The super quick Simplex Noise ↗ algorithm developed by Jonas Wagner;

• The HME Library ↗ for encoding directly to H264 format, created by Trevor Sundberg;

• The p5.capture ↗ library by tapioca24 for recording animations;

• The HSLuv ↗ library by Alexei Boronine I used for generating color palette;