WebGL2p5
Tilemapp5js
WebGL2p5 | Tilemapp5js | |
---|---|---|
2 | 1 | |
0 | 0 | |
- | - | |
4.8 | 5.7 | |
10 months ago | about 1 month ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
WebGL2p5
-
I added instancing to p5.js!
Please note that it does require you to install this library to add WebGL2 to p5.js: https://github.com/RandomGamingDev/WebGL2p5
- p5.js is currently on WebGL1 so I created a library to move it to WebGL2
Tilemapp5js
-
Blazingly fast tilemaps in p5.js
When using tilemaps in p5.js, especially in canvas mode, you might just go with the approach this library uses: https://github.com/RandomGamingDev/Tilemapp5js and just draw every tile every frame which is slow. The next best thing is to simply render it to another canvas and then render any changes over it when needed, but this takes up a bunch of vram, requires multiple canvases, as well as still being best used with chunks for performance reasons, and using the CPU for all tile calculations.
What are some alternatives?
poppy-playtime-rem-static - Removes Static, Adds Brightness Option, and makes it easier to see in poppyplaytimeco.com
ConwaysGameOfLife - A super fast GPU and more specifically WebGL based version of Conway's game of life.
shader-web-background - Displays GLSL fragment shaders as a website background. Supports offscreen buffers and floating point textures on almost any browser and hardware. Compatible with Shadertoy.
CalDOM - An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM.
30DaysOfJavaScript - Projects made during the 30 days of the JavaScript challenge
GLTilemapp5js - A tilemap library for p5.js's OpenGL mode that is optimized to draw tilemaps within a single draw call
WebGLp5Instancing - This library adds instancing to p5.js through the beginShape() & endShape() feature although it does require WebGL2 from https://github.com/RandomGamingDev/WebGL2p5
three.js - JavaScript 3D Library.
engine - Fast and lightweight JavaScript game engine built on WebGL and glTF
matrix - matrix (web-based green code rain, made with love)