RASTR TOOL
Version 0.30
Version 0.30
OVERVIEW
LICENSE
SUPPORT
RASTR is a powerful web-based tool built on p5.js, designed to transform text into captivating geometric graphics and kinetic motion art based on the custom rasterization algorithm.
The program allows users to choose from an extensive library of fonts available on Google Fonts, or to upload their custom fonts, for a personalized touch to the final result.
The tool also offers a range of export options, allowing users to save their creations in high-quality vector SVG or bitmap PNG formats. For animations, users can export in high-resolution WebM format or select a WebP/PNG sequence. In addition, it provides the ability to export and import program settings as custom presets in JSON format. This feature allows users to save their text and graphical settings so that they can easily access them when needed.
BASIC USE:
For a quick start, I suggest exploring the PRESETS section. 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.
When entering the text in the Prompt Text field, it automatically wraps within the canvas. But if you want to move the text to a new line manually, use the /n combination inside the string.
The Rasterization Quality sliders, located directly below the Prompt Text, controls the number of particles during text rasterization. The higher its value, the more shapes you will get to reproduce the shape of the text. But it directly affects performance, especially if motion animation is enabled.
Speaking of animation and program performance. Motion Length slider is located in the EXPORT section, and is responsible for animation duration, but also for the behavior of the screen refresh.
If you need a static image:
Set the Motion Length to 0. This optimizes performance and reduces power consumption by preventing unnecessary screen updates.
If you need an animation:
Set the Motion Length to your desired video duration (in seconds). This will trigger the program to update the image on screen in real-time, allowing you to preview the animation.
A few times I've had it happen that the browser page got frozen and crashed. So if you have made something and you like it, save the preset, just in case 😅
The tool also offers a range of export options, allowing users to save their creations in high-quality vector SVG or bitmap PNG formats. For animations, users can export in high-resolution WebM format or select a WebP/PNG sequence. In addition, it provides the ability to export and import program settings as custom presets in JSON format. This feature allows users to save their text and graphical settings so that they can easily access them when needed.
BASIC USE:
For a quick start, I suggest exploring the PRESETS section. 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.
When entering the text in the Prompt Text field, it automatically wraps within the canvas. But if you want to move the text to a new line manually, use the /n combination inside the string.
The Rasterization Quality sliders, located directly below the Prompt Text, controls the number of particles during text rasterization. The higher its value, the more shapes you will get to reproduce the shape of the text. But it directly affects performance, especially if motion animation is enabled.
Speaking of animation and program performance. Motion Length slider is located in the EXPORT section, and is responsible for animation duration, but also for the behavior of the screen refresh.
If you need a static image:
Set the Motion Length to 0. This optimizes performance and reduces power consumption by preventing unnecessary screen updates.
If you need an animation:
Set the Motion Length to your desired video duration (in seconds). This will trigger the program to update the image on screen in real-time, allowing you to preview the animation.
A few times I've had it happen that the browser page got frozen and crashed. So if you have made something and you like it, save the preset, just in case 😅
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/rastr-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/rastr-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 notes for optimal performance:
Fonts may take some time to load, and certain fonts may not display correctly. For example, the following font is not displayed properly: https://fonts.google.com/specimen/Jacquarda+Bastarda+9
Please note that the WOFF2 font type currently isn't supported.
When saving graphics as SVG, note the following restrictions:
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:
- Browser: The tool should works smooth in Chrome and Firefox browsers, but Safari is not supported.
- Processor: The tool runs fastest on Mac M series processors. Intel/AMD users might experience lags and low frame rates. Your processor heavily influences the overall speed of the tool.
- 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.
- System: For an optimal experience, use a desktop or laptop with a minimum screen resolution of 800x600 pixels.
Fonts may take some time to load, and certain fonts may not display correctly. For example, the following font is not displayed properly: https://fonts.google.com/specimen/Jacquarda+Bastarda+9
Please note that the WOFF2 font type currently isn't supported.
When saving graphics as SVG, note the following restrictions:
- Emoji and special characters are not supported.
- Color fonts are not supported.
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 awesome Opentype library that allow to access letterforms;
- The Tweakpane interface library, ingeniously developed by Hiroki Kokubun;
- The super quick Simplex Noise algorithm developed by Jonas Wagner;
- The p5.capture library for recording animations by tapioca24;
- The spectral.js library for realistic color mixing by Ronald van Wijnen;