{"id":23740162,"url":"https://github.com/collidingscopes/video-to-pixel-art","last_synced_at":"2025-10-30T10:43:36.627Z","repository":{"id":267605413,"uuid":"901724092","full_name":"collidingScopes/video-to-pixel-art","owner":"collidingScopes","description":"Turn videos into pixel art in real-time using javascript, webgl, and html canvas","archived":false,"fork":false,"pushed_at":"2024-12-15T09:55:13.000Z","size":11840,"stargazers_count":20,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T05:14:48.461Z","etag":null,"topics":["art","dither","dithering","edge-detection","filter","free","html-canvas","image-processing","javascript","live","open-source","pixel","pixel-art","video","video-filter","video-processing","video-to-pixel-art","webgl"],"latest_commit_sha":null,"homepage":"https://collidingscopes.github.io/video-to-pixel-art/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/collidingScopes.png","metadata":{"files":{"readme":"README.MD","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-11T07:40:24.000Z","updated_at":"2025-04-08T07:56:24.000Z","dependencies_parsed_at":"2025-02-20T17:52:58.962Z","dependency_job_id":null,"html_url":"https://github.com/collidingScopes/video-to-pixel-art","commit_stats":null,"previous_names":["collidingscopes/pixelshader","collidingscopes/video-to-pixel-art"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/collidingScopes%2Fvideo-to-pixel-art","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/collidingScopes%2Fvideo-to-pixel-art/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/collidingScopes%2Fvideo-to-pixel-art/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/collidingScopes%2Fvideo-to-pixel-art/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/collidingScopes","download_url":"https://codeload.github.com/collidingScopes/video-to-pixel-art/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248519557,"owners_count":21117761,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["art","dither","dithering","edge-detection","filter","free","html-canvas","image-processing","javascript","live","open-source","pixel","pixel-art","video","video-filter","video-processing","video-to-pixel-art","webgl"],"created_at":"2024-12-31T09:47:20.909Z","updated_at":"2025-10-30T10:43:36.509Z","avatar_url":"https://github.com/collidingScopes.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/stereoDrift"],"categories":[],"sub_categories":[],"readme":"Video-to-Pixel-Art\r\n=====\r\n\r\n\u003cp\u003eTurn videos into pixel art! Use your webcam feed or upload a video, then use the controls to adjust the aesthetic:\u003c/p\u003e\r\n\u003cul\u003e\r\n  \u003cli\u003eColor palette\u003c/li\u003e\r\n  \u003cli\u003ePixel size\u003c/li\u003e\r\n  \u003cli\u003eDithering strength -- based on the Bayer dithering algorithm\u003c/li\u003e\r\n  \u003cli\u003eEdge detection strength and color -- based on Sobel edge detection\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\u003cp\u003e\u003cb\u003eLive demo: https://collidingscopes.github.io/video-to-pixel-art/\u003c/b\u003e\u003c/p\u003e\r\n\u003cimg src=\"assets/ipodAd.gif\"\u003e\r\n\u003cp\u003eAll processing is done in real-time within your browser, using javascript / webgl shaders / html canvas.\u003c/p\u003e\r\n\u003cp\u003eYou can export your creations as images or videos to save / share your work.\u003c/p\u003e\r\n\u003cp\u003eThis 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.\u003c/p\u003e\r\n\u003cp\u003eIf you found this tool useful, feel free to buy me a coffee. This would be much appreciated during late-night coding sessions!\u003c/p\u003e\r\n\r\n\u003ca href=\"https://www.buymeacoffee.com/stereoDrift\" target=\"_blank\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png\" alt=\"Buy Me A Coffee\"\u003e\u003c/a\u003e\r\n\r\n\u003cp\u003eIf the video export feature does not work for you, please try a free screen-recording tool such as OBS Studio.\u003c/p\u003e\r\n\u003cp\u003eI do not have access to any of the videos that you upload here, as all processing is done \"client-side\" (i.e., \u003cb\u003eno videos or images are saved/stored by me — they stay on your computer only\u003c/b\u003e).\u003c/p\u003e\r\n\u003cp\u003eIf you enjoyed this, you may be interested in my other free / open source art projects:\u003c/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003e\u003ca href=\"https://collidingScopes.github.io/ascii\" target=\"_blank\" rel=\"noopener\"\u003eVideo-to-ASCII\u003c/a\u003e: turn videos into ASCII pixel art\u003c/li\u003e\r\n\u003cli\u003e\u003ca href=\"https://collidingScopes.github.io/shimmer\" target=\"_blank\" rel=\"noopener\"\u003eShape Shimmer\u003c/a\u003e: turn photos into funky wave animations\u003c/li\u003e\r\n\u003cli\u003e\u003ca href=\"https://collidingScopes.github.io\" target=\"_blank\" rel=\"noopener\"\u003eColliding Scopes\u003c/a\u003e: turn photos into kaleidoscope animations\u003c/li\u003e\r\n\u003cli\u003e\u003ca href=\"https://collidingScopes.github.io/forcefield\" target=\"_blank\" rel=\"noopener\"\u003eForce-Field Animation\u003c/a\u003e: turn photos into particle animations\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\r\n\u003cp\u003eFeel 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 \u003ca href=\"https://www.instagram.com/stereo.drift/\" target=\"_blank\" rel=\"noopener\"\u003e@stereo.drift\u003c/a\u003e :)\u003c/p\u003e\r\n\r\nLicense\r\n=======\r\nThis is an open source project provided under an \u003ca href=\"https://opensource.org/license/MIT\"\u003eMIT license\u003c/a\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcollidingscopes%2Fvideo-to-pixel-art","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcollidingscopes%2Fvideo-to-pixel-art","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcollidingscopes%2Fvideo-to-pixel-art/lists"}