PLAIN Generator

PLAIN Generator is a p5.js-based interactive web tool for generating dynamic, low-poly 3D plane graphics. It leverages vertex geometry and a Simplex noise algorithm to create abstract forms and provides extensive control over animation parameters.

With the tool, you can create high-quality animation loops and stills 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.

This project was a big learning experience for me, but I hope you'll enjoy it! I suggest you to start by exploring the built-in presets in the Preset List 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.

I recommend using the Full Screen mode to work with the program. To activate it, select the Settings tab at the very top of the interface panel and click the Full Screen Mode button.

Performance and compatibility

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

• Browser Performance: Simulation 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.
• 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 p5.capture ↗ library by tapioca24 for recording animations;