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:

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!

Frames