dorkhub

video-to-pixel-art

Turn videos into pixel art in real-time using javascript, webgl, and html canvas

collidingScopes
JavaScript538 forksMITupdated 1 year ago
visit the demogit clone https://github.com/collidingScopes/video-to-pixel-art.gitcollidingScopes/video-to-pixel-art

Video-to-Pixel-Art

Turn videos into pixel art! Use your webcam feed or upload a video, then use the controls to adjust the aesthetic:

  • Color palette
  • Pixel size
  • Dithering strength -- based on the Bayer dithering algorithm
  • Edge detection strength and color -- based on Sobel edge detection

Live demo: https://collidingscopes.github.io/video-to-pixel-art/

All processing is done in real-time within your browser, using javascript / webgl shaders / html canvas.

You can export your creations as images or videos to save / share your work.

This tool is completely free, open source (MIT license), without any paywalls or premium options. You are welcome to use it for personal or commercial purposes.

If you found this tool useful, feel free to buy me a coffee. This would be much appreciated during late-night coding sessions!

Buy Me A Coffee

If the video export feature does not work for you, please try a free screen-recording tool such as OBS Studio.

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).

If you enjoyed this, you may be interested in my other free / open source art projects:

Feel free to reach out to discuss, ask questions, or to share your creations! The animations can be easily uploaded to instagram or otherwise -- you can tag me @stereo.drift :)

License

This is an open source project provided under an MIT license

more like this

TachiSnap

TachiSnap — Pixel Snapper for animation pixel artists. Rust + WebAssembly client-side tool for cleaning up AI-generated…

HTML50

search

search projects, people, and tags