SPLITX TOOL
Version 0.24
Version 0.24
OVERVIEW
LICENSE
SUPPORT
SPLITX is a versatile web-based tool for creating generative graphics and animations, designed to transform built-in vector shapes or custom SVG graphics into dynamic compositions.
At its core, SPLITX provides tools for users to manipulate vector shapes through duplication, offsetting, scaling, rotation, and other modifications driven by noise and trigonometric function algorithms to animate the transformation of the vector shape on the canvas. One of its key features is the ability to load custom vector shapes in SVG format simply by dragging the file onto the canvas.
The name SPLITX reflects a key feature: the ability to divide the canvas horizontally, vertically, or into four sections, where each segment mirrors the generated content. This setup enables the creation of intricate, hypnotic visuals by reflecting the shape transformation in each part of the screen.
SPLITX provides flexible export options, and its main advantage is the ability to export the graphics in scalable SVG format. Animations can be exported as MP4 video format or as sequences of PNG/WebP images, which can be compiled into videos with tools like FFmpeg.
The tool includes a set of built-in presets that showcase its capabilities and can be used directly for generating custom visuals. Additionally, users can save their custom presets in JSON format, making it easy to revisit and refine projects later.
HINTS:
The program allows you to interactively control a shape’s basic transformations on the canvas, using your mouse or touchpad.
Here’s a quick guide to the available controls:
You can also drag and drop SVG files onto the canvas to load custom shapes or import saved presets in JSON format.
At its core, SPLITX provides tools for users to manipulate vector shapes through duplication, offsetting, scaling, rotation, and other modifications driven by noise and trigonometric function algorithms to animate the transformation of the vector shape on the canvas. One of its key features is the ability to load custom vector shapes in SVG format simply by dragging the file onto the canvas.
The name SPLITX reflects a key feature: the ability to divide the canvas horizontally, vertically, or into four sections, where each segment mirrors the generated content. This setup enables the creation of intricate, hypnotic visuals by reflecting the shape transformation in each part of the screen.
SPLITX provides flexible export options, and its main advantage is the ability to export the graphics in scalable SVG format. Animations can be exported as MP4 video format or as sequences of PNG/WebP images, which can be compiled into videos with tools like FFmpeg.
The tool includes a set of built-in presets that showcase its capabilities and can be used directly for generating custom visuals. Additionally, users can save their custom presets in JSON format, making it easy to revisit and refine projects later.
HINTS:
The program allows you to interactively control a shape’s basic transformations on the canvas, using your mouse or touchpad.
Here’s a quick guide to the available controls:
- Hold Click + Move — Shape position on the canvas
- Hold Click + Move + Shift — Adjust shape transition
- Scroll Wheel + Shift — Adjust canvas scaling
- Scroll Wheel + Ctrl/Cmd — Rotate shape
You can also drag and drop SVG files onto the canvas to load custom shapes or import saved presets in JSON format.
The tool is available as a free version – fully functional but with watermarks on exported graphics, so you can thoroughly evaluate its capabilities before committing. Without a valid license key, the tools can only be used for evaluation and testing. To remove watermarks and obtain full usage rights, please purchase a license key at Gumroad:
https://antlii.gumroad.com/l/splitx-license-key
By using any tool at https://antlii.work, you agree with the Terms of Use and License Agreement. For full details, including usage rights for Personal, Commercial, and Extended Licenses, examples of permitted applications, please view the complete License Agreement here:
https://antlii.work/license
https://antlii.gumroad.com/l/splitx-license-key
By using any tool at https://antlii.work, you agree with the Terms of Use and License Agreement. For full details, including usage rights for Personal, Commercial, and Extended Licenses, examples of permitted applications, please view the complete License Agreement here:
https://antlii.work/license
Some technical tips regarding the use of the tool:
Since the code is hosted on Openprocessing.org, there might be times when the program is temporarily offline during a site maintenance.
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 and materials within this project and express my sincere gratitude to their creators for making these resources available:
- Performance: During testing of the program I found that running the tool on Mac M-series is preferable to using Chrome browser, while on computers with Intel/AMD processors performance is better on Firefox browser. Feel free to experiment if you have problems with rendering performance, but in any case I strongly advise against running the tool on Safari browser.
- 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.
Also, 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 program is not designed to run on mobile devices.
- Screen size: A minimum resolution of 800x600 is required.
Since the code is hosted on Openprocessing.org, there might be times when the program is temporarily offline during a site maintenance.
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 and materials 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 Paper.js project allowing to make magic with SVG format;
- The color.js library to manipulate colors and gradients with ease;
- The super quick Simplex Noise algorithm developed by Jonas Wagner;
- The p5.capture library by tapioca24 for recording animations;