collidingScopes/ascii

Turn videos into ASCII pixel art using js and html canvas

JavaScript

191

34 commits

updated May 24, 2025

See the code

README

Turn videos into ASCII pixel art! Use your webcam feed or upload a video, then use the controls to adjust the colors, resolution, text style, etc...

Live website: https://collidingscopes.github.io/ascii

The code used to create the animation is quite resource-intensive, so it may run with some lag if your computer doesn't have enough computing power, too many tabs open, low battery, etc.

This project is coded using Javascript, HTML canvas, and CSS. Video creation and encoding is done using mp4 muxer.

I do not have access to any of the videos that you upload here, as all processing is done "client-side" (i.e., no videos or images are saved/stored by me — they stay on your computer only).

Enormous thanks and credits to Aleksandr Kubarskii, whose code served as the foundation for this project.

Buy Me A Coffee

License

This is an open source project provided under an MIT license

animation
art
ascii
canvas
html
javascript
pixel
video

Contributors

collidingScopes

34 commits

collidingScopes/ascii

Turn videos into ASCII pixel art using js and html canvas

JavaScript

191

34 commits

updated May 24, 2025

See the code

README

Turn videos into ASCII pixel art! Use your webcam feed or upload a video, then use the controls to adjust the colors, resolution, text style, etc...

Live website: https://collidingscopes.github.io/ascii

The code used to create the animation is quite resource-intensive, so it may run with some lag if your computer doesn't have enough computing power, too many tabs open, low battery, etc.

This project is coded using Javascript, HTML canvas, and CSS. Video creation and encoding is done using mp4 muxer.

I do not have access to any of the videos that you upload here, as all processing is done "client-side" (i.e., no videos or images are saved/stored by me — they stay on your computer only).

Enormous thanks and credits to Aleksandr Kubarskii, whose code served as the foundation for this project.

Buy Me A Coffee

License

This is an open source project provided under an MIT license

animation
art
ascii
canvas
html
javascript
pixel
video

Contributors

collidingScopes

34 commits

Languages

JavaScript

70.2%

TypeScript

14.0%

HTML

10.9%

CSS

2.9%

SCSS

1.9%