{"id":20563435,"url":"https://github.com/neilseligmann/canvasbot","last_synced_at":"2026-05-17T15:42:37.976Z","repository":{"id":209926485,"uuid":"88651811","full_name":"NeilSeligmann/CanvasBot","owner":"NeilSeligmann","description":"A Canvas Bot originally made for https://github.com/xSke/Pxls.","archived":false,"fork":false,"pushed_at":"2017-04-18T19:28:28.000Z","size":10,"stargazers_count":0,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-16T19:37:40.392Z","etag":null,"topics":["bot","canvas","javascript","nodejs","pxls"],"latest_commit_sha":null,"homepage":"","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/NeilSeligmann.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2017-04-18T17:24:51.000Z","updated_at":"2017-04-18T19:29:08.000Z","dependencies_parsed_at":"2023-11-29T21:29:35.640Z","dependency_job_id":"76425b66-cffe-4f27-9ecd-6b4fa4a53a7c","html_url":"https://github.com/NeilSeligmann/CanvasBot","commit_stats":null,"previous_names":["neilseligmann/canvasbot"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NeilSeligmann%2FCanvasBot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NeilSeligmann%2FCanvasBot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NeilSeligmann%2FCanvasBot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NeilSeligmann%2FCanvasBot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NeilSeligmann","download_url":"https://codeload.github.com/NeilSeligmann/CanvasBot/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242171712,"owners_count":20083611,"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":["bot","canvas","javascript","nodejs","pxls"],"created_at":"2024-11-16T04:18:49.946Z","updated_at":"2025-09-29T07:21:08.954Z","avatar_url":"https://github.com/NeilSeligmann.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CanvasBot\nThis bot is meant for https://github.com/xSke/Pxls.\n\nThis bot will automatically print an image of your choosing in the canvas with a certain delay per pixel drawn.\n\n# Requirements\n- Node.js\n- An Image (Only JPG or PNG)\n- A Web Browser with a Developer Console that supports interacting with the page's javascript.\n__(Chrome, Firefox and most standard web browsers will do)__\n\n# Instructions\n## Install\n- Go to the root of the project.\n- Execute from the command line:\n```\nnpm install\n```\nThis will install al the necessary modules.\n\n## Step 1\n- Get an image of your choosing and process it using:\n```\nnode index.js path_to_your_file\n```\nThis will output a JSON string with the image's pixels information to __output.txt__.\nBy default the script will ignore whites, because the background is usually white, __if you wish to also print the whites add \"*full*\" to the arguments__.\n```\nnode index.js path_to_your_file full\n```\n\n## Step 2\n- Open the file __js.js__, this file contains the javascript that you will have to use in the browser.\n- Replace the __data__ varaible with the JSON string from __output.txt__.\n- Copy the whole script.\n\n## Step 3\nFinally, you will execute the script in the browser. You can do this by *__pasting the script in the console__ or using something like __TamperMonkey__*.\n- Goto the Site with the Canvas you want to draw on.\n- Open the __Developer Console__\n- Paste the script from __js.js__\n- Execute the script by entering in the console\n```\nnextPixel();\n```\n\n### Done! You should now see the color changing and the pixels appearing in the canvas.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneilseligmann%2Fcanvasbot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fneilseligmann%2Fcanvasbot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneilseligmann%2Fcanvasbot/lists"}