Build an image to ASCII art generator in one HTML file

A Redditor had Claude Code on Fable 5.2 build a single-file browser tool that turns images, GIFs and video into animated glyph art with 3D depth and a generated soundtrack.

Done withClaude Code· Nov 10, 2026

What they did

After seeing a video of a flower growing out of glowing characters, the poster wanted a tool that could do the same to any picture and asked Claude Code, running Fable 5.2, to build it. It began as a single prompt, followed by a few short requests such as adding templates and fixing long images that were being cropped. The result is one HTML file with no backend and no frameworks, built on WebGL2 and Web Audio, published on GitHub Pages with its code on GitHub.

How it went

The tool takes an image, GIF, video or typed word and renders it in nine styles, including terminal, halftone, newsprint and matrix, with custom character sets. It can turn the picture into a 3D object that finds the subject and keeps the background flat, with an in-browser depth model as an option. It also writes a short soundtrack from the image and exports PNG, GIF or video. The poster gives no numbers on time or cost.

Worth knowing

Everything runs locally in the browser, so nothing gets uploaded. The post calls it an experiment and does not say how many follow-up prompts it took beyond a handful or what broke along the way.

Try it

With Claude Code· 6 parts to fill in

Build a single self-contained HTML file, no backend and no frameworks, that turns [an image, GIF, video or typed word] into animated character art. Use [WebGL2 or canvas] for rendering. Include [number] visual styles such as [terminal, halftone, matrix], custom character sets, and export to [PNG, GIF, video]. Keep all processing in the browser. Stop when it works on my test files in [folder] and tell me what you could not get working.

Square brackets are the parts to fill in. The prompt is ours; the story is theirs.

Where they said it

Related