About the ASCII Animator
The original intent behind this tool was to generate plain text/ASCII art animations for web design projects. It works by tracing an image sequence into an array of strings that are rendered as <pre> elements and looped with Javascript. From that foundation, the ASCII Animator is being expanded to include more features and export formats.
Open-source project links
This project is open-source and is being developed in tandem with the trace-ascii-image npm module.
Roadmap
It's early days for the ASCII Animator and trace-ascii-image. Check out the roadmap of planned updates below.
- v0.2
- Make significant UI improvements
- Add mobile functionality
- Expand import formats (video)
- Expand export formats (video, image sequence)
- Improve comments and documentation
- v0.3
- Make performance improvements
- Expand/improve shading and edge detection algorithms
- v0.4
- Expand/improve manual ASCII string editing experience
- v0.5
- Refactor to Next.js 14 and the app router (or potentially Astro)
- V??
- Add AI image generation to input methods
Similar tools
There are a bunch of tools out there for generating ASCII art from images; if this site doesn't quite fit your needs, you may find luck with one of these:
- asciiflow - Draw ASCII sketches and diagrams from scratch
- ASCII Art Archive - Convert a single image to ASCII art
- Text to ASCII Art Generator (TAAG) - Convert text to ASCII bubble letters
Contact
Reach out at
[dev@bradysheridan.com]
[bradysheridan.com][github.com/bradysheridan][@brsheridan]to say hello!
Please consider buying me a cup of joe or shouting out the project if you've found this tool useful <3
Demos
If you've used the ASCII Animator to make something cool, shoot me an email to have it listed here!
- likeafield.com - ASCII landscape as a background element