{"id":26249495,"url":"https://github.com/randomgamingdev/pixyp5js","last_synced_at":"2025-03-13T15:38:00.637Z","repository":{"id":129398486,"uuid":"566547688","full_name":"RandomGamingDev/Pixyp5js","owner":"RandomGamingDev","description":"Pixy from Wireframe, but for p5js","archived":false,"fork":false,"pushed_at":"2024-04-18T17:36:07.000Z","size":207,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-18T19:01:46.161Z","etag":null,"topics":["javascript","javascript-library","library","nice","p5","p5js","pixel","pixel-art","pixels","retro","simple"],"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/RandomGamingDev.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,"roadmap":null,"authors":null,"dei":null}},"created_at":"2022-11-15T22:44:11.000Z","updated_at":"2022-11-16T21:37:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"fe71eac2-1107-4800-adea-beded1a15a62","html_url":"https://github.com/RandomGamingDev/Pixyp5js","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomGamingDev%2FPixyp5js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomGamingDev%2FPixyp5js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomGamingDev%2FPixyp5js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomGamingDev%2FPixyp5js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RandomGamingDev","download_url":"https://codeload.github.com/RandomGamingDev/Pixyp5js/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243436374,"owners_count":20290781,"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":["javascript","javascript-library","library","nice","p5","p5js","pixel","pixel-art","pixels","retro","simple"],"created_at":"2025-03-13T15:38:00.136Z","updated_at":"2025-03-13T15:38:00.631Z","avatar_url":"https://github.com/RandomGamingDev.png","language":"JavaScript","readme":"# Pixyp5js\nPixy (Credit to Nyaaborn for the name, you can find his github here: https://github.com/Nyaaboron) from Wireframe, but for p5js\n\nPixyp5js is a version of [Pixy](https://github.com/RandomGamingDev/Wireframe/blob/main/Extensions/Pixy.h) (which is for the [Wireframe](https://github.com/RandomGamingDev/Wireframe)), but for p5js!\n\nA library for easily more easily dealing with pixels in images during runtime\n\n\u003cimg src=\"Pixyp5js.png\" width=\"512\" /\u003e\n\nThere's an example for how to use the library in https://github.com/RandomGamingDev/Pixyp5js/tree/main/example with its result visible [here](https://randomgamingdev.github.io/Pixyp5js/example/)\n\nTo use the library simply create a new instance of the pixy class with the offset, size and resolution (they're all arrays with 2 elements) and then just change the Pixy.pixels array via Pixy.setPixel(), update the pixel buffer via Pixy.updatePixels() and execute Pixy.display() in order to display (if you need to do something that involves shader simply activate the shader before calling Pixy.shaderDisp() with the shader as the first parameter (this is since p5.js doesn't currently support shader overloading for the image function))!\n\nTo use it you can simply include https://cdn.jsdelivr.net/gh/RandomGamingDev/Pixyp5js/pixy.js in your HTML file! If you want to you can also just download the file and include it in your HTML file that way.\n\nbtw stuff updates so remember to specify a version/commit for your library if you want to use a link and don't want your code to automatically update to the newest version of the library\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frandomgamingdev%2Fpixyp5js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frandomgamingdev%2Fpixyp5js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frandomgamingdev%2Fpixyp5js/lists"}