{"id":18682571,"url":"https://github.com/singhofen/small-p5-js-web-apps","last_synced_at":"2025-11-07T17:30:31.563Z","repository":{"id":143425326,"uuid":"126549085","full_name":"singhofen/small-p5-js-web-apps","owner":"singhofen","description":"Examples of some small p5.js web apps for practice and experimenting with the js library. ","archived":false,"fork":false,"pushed_at":"2018-10-15T14:37:47.000Z","size":5262,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-12-27T23:10:36.971Z","etag":null,"topics":["javascript","js","p5js","p5js-animation","p5js-experiment","p5js-game","webapp"],"latest_commit_sha":null,"homepage":"https://codepen.io/csinghofen/full/deYZoj","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/singhofen.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,"publiccode":null,"codemeta":null}},"created_at":"2018-03-23T23:37:37.000Z","updated_at":"2023-08-19T09:57:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"ad9c2312-9f6d-40b0-805a-afe54a5c20a2","html_url":"https://github.com/singhofen/small-p5-js-web-apps","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/singhofen%2Fsmall-p5-js-web-apps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/singhofen%2Fsmall-p5-js-web-apps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/singhofen%2Fsmall-p5-js-web-apps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/singhofen%2Fsmall-p5-js-web-apps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/singhofen","download_url":"https://codeload.github.com/singhofen/small-p5-js-web-apps/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239533315,"owners_count":19654665,"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","js","p5js","p5js-animation","p5js-experiment","p5js-game","webapp"],"created_at":"2024-11-07T10:12:22.148Z","updated_at":"2025-11-07T17:30:31.511Z","avatar_url":"https://github.com/singhofen.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# small-p5-js-web-app\nsmall p5.js web apps. \n\nhttps://codepen.io/csinghofen/pen/mLWJEa 10print project\n\nhttps://codepen.io/csinghofen/pen/XqMaJL pixel canvas\n\nhttps://codepen.io/csinghofen/pen/deYZoj clock\n\np5.js library displays graphics, geometric shapes on a created canvas. Which allows User interaction and UX. get started here: https://p5js.org/get-started/\n\nNewly Added 4/30/2018:   p5 JS program version of the  one line command with the  Commodore 64 BASIC program language.   \n\u003ccode\u003e 10 PRINT CHR$(205.5+RND(1)); : GOTO 10 \u003c/code\u003e\n Read More: https://10print.org/\n \n Sample image of project\n \n ![image](https://user-images.githubusercontent.com/23155302/39594008-7870c22e-4ed9-11e8-8bae-cebebceacdbd.png)\n \nMouse over open html file to interact with content. Displays animation and UI with the p5.js library.\n\n![image](https://user-images.githubusercontent.com/23155302/39594117-c1db8890-4ed9-11e8-9a82-76d782e31b63.png)\n\np5.js  clock that shows real time wherever you open up the file. File is active as soon as its opened. \n\n![image](https://user-images.githubusercontent.com/23155302/39594154-db2c5e6e-4ed9-11e8-9386-0fd7415ea91c.png)\n\nThis p5.js app experiments with pixels and animations. When you open up the app the pixels on the screen animate/flicker. Code can be modified to change colors and size of pixels. \n\n![image](https://user-images.githubusercontent.com/23155302/39594215-0219f824-4eda-11e8-97ab-cb43fdbb1da9.png)\n\nThis p5.js app demonstrates animations and upon opening the app it shows 3 ellipse(s) together inside one another then them slowly seperating and leaving the canvas to the right. \n\n![image](https://user-images.githubusercontent.com/23155302/39594256-257b0ab0-4eda-11e8-94f5-86be3092255e.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsinghofen%2Fsmall-p5-js-web-apps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsinghofen%2Fsmall-p5-js-web-apps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsinghofen%2Fsmall-p5-js-web-apps/lists"}