Skip to content

collidingScopes/video-to-pixel-art

Repository files navigation

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