{"id":26249504,"url":"https://github.com/randomgamingdev/webglp5instancing","last_synced_at":"2026-04-13T02:14:28.741Z","repository":{"id":164590713,"uuid":"640055114","full_name":"RandomGamingDev/WebGLp5Instancing","owner":"RandomGamingDev","description":"This library adds instancing to p5.js through the beginShape() \u0026 endShape() feature although it does require WebGL2 from https://github.com/RandomGamingDev/WebGL2p5","archived":false,"fork":false,"pushed_at":"2023-10-31T22:02:38.000Z","size":29,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-13T15:41:48.970Z","etag":null,"topics":["efficient","instancing","javascript","js","library","opengl","opengl-es","p5-js","p5js","powerful","render","rendering","webgl","webgl2"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"lgpl-2.1","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}},"created_at":"2023-05-12T21:45:19.000Z","updated_at":"2023-10-31T22:03:12.000Z","dependencies_parsed_at":null,"dependency_job_id":"db7a3868-1e53-4172-9669-d72e6540d524","html_url":"https://github.com/RandomGamingDev/WebGLp5Instancing","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/RandomGamingDev/WebGLp5Instancing","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomGamingDev%2FWebGLp5Instancing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomGamingDev%2FWebGLp5Instancing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomGamingDev%2FWebGLp5Instancing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomGamingDev%2FWebGLp5Instancing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RandomGamingDev","download_url":"https://codeload.github.com/RandomGamingDev/WebGLp5Instancing/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RandomGamingDev%2FWebGLp5Instancing/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28109326,"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","status":"online","status_checked_at":"2025-12-29T02:00:07.021Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["efficient","instancing","javascript","js","library","opengl","opengl-es","p5-js","p5js","powerful","render","rendering","webgl","webgl2"],"created_at":"2025-03-13T15:38:02.403Z","updated_at":"2025-12-29T03:03:06.543Z","avatar_url":"https://github.com/RandomGamingDev.png","language":"JavaScript","readme":"# WebGLp5Instancing\nThis library adds instancing to p5.js through the `beginShape()` \u0026amp; `endShape()` by adding a 2nd parameter to `endShape()` that dictates how many instances you want to draw feature although it does require WebGL2 from https://github.com/RandomGamingDev/WebGL2p5\n\nSimply include the p5.js library and then add WebGL2 to p5.js (that's only required if you're using a p5.js version older than 1.8.0 since the pull request I created for adding instancing to p5.js has been added) by including https://github.com/RandomGamingDev/WebGL2p5 and then after that include this library to add the count parameter after the MODE parameter where you put number of instances you're creating. (The count value is by default 1, and instancing doesn't work when you aren't using WebGL2.) Simply use beginShape() and endShape() as normal, but like this: endShape(MODE, count). (Also, things that shaders aren't classically applied to, like strokes just aren't instanced)\n\nTo use it you can simply include https://cdn.jsdelivr.net/gh/RandomGamingDev/WebGLp5Instancing/webglp5instancing.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%2Fwebglp5instancing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frandomgamingdev%2Fwebglp5instancing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frandomgamingdev%2Fwebglp5instancing/lists"}