A collection of links to random questions and/or answers about topics related to WebGL

• WebGL Droste effect
• Working around gl_PointSize limitations webGL
• How to simulate a 3D texture in WebGL
• How to render large scale images like 32000x32000
• Emulating palette based graphics in WebGL

• A simple way to show the load on the GPU's vertex and fragment processing?
• How to draw thick lines in WebGL
• FPS-like camera movement with basic matrix transformations
• How to use texture, and color also in WebGL?
• GLSL shader to support coloring and texturing

• How to bind an array of textures to a WebGL shader uniform?
• Passing in per sprite alpha values when batching
• Can anyone explain what this GLSL fragment shader is doing?
• WebGL 2D tilemaps
• Determine min/max values for the entire image

• Drawing Many different models in a single draw call
• Recording FPS in WebGL
• How to write a web-based music visualizer
• How to get audio data into a shader
• Pure WebGL Dashed Line
• Zooming to and stopping at object in a scene in WebGL

• Create image warping effect in WebGL
• Creating a smudge/liquify effect
• How to get pixelize effect in webgl?
• How to make WebGL canvas transparent
• Show a night view vs a day view on a 3D Earth sphere

• Is it possible to measure rendering time in webgl using gl.finish()?
• Efficient particle system in javascript? (WebGL)
• Setting the values of a struct array from JS to GLSL
• How to fade the drawing buffer
• Drawing 2D image with depth map to achieve pseudo-3D effect

• How to Achieve Moving Line with Trail Effects
• How to draw correctly textured trapezoid polygons
• Tex image TEXTURE_2D level 0 is incurring lazy initialization
• How to implement zoom from mouse in 2D WebGL
• How to create a torus

• Don't blend a polygon that crosses itself
• How to detect clipped triangles in the framgment shader
• The fastest way to draw many circles
• Sorting and optimizing instanced rendering
• How to tell if an image has an alpha channel

• How to load images in the background with no jank
• When to choose highp, mediump, lowp in shaders
• How to import a heightmap in WebGL
• Apply a displacement map and specular map
• How to support both WebGL and WebGL2

• How to use the stencil buffer
• Drawing a heightmap
• Drawing textured sprites with instanced drawing
• Optimize drawing lots of large images
• Rendering slowly over time

• Get the size of a point for collision checking
• How to get the 3d coordinates of a mouse click
• How to blend colors across 2 triangles
• How to use textures as data
• How to use a 2d sprite's transparency as a mask

• How to prevent texture bleeding with a texture atlas
• How to control the color between vertices
• How to make fisheye skybox shader
• How to get code completion for WebGL in Visual Studio Code
• Drawing layers with different points

• Can I mute the warning about vertex attrib 0 being disabled?
• How to make a smudge brush tool
• How to read a single component with readPixels
• I get invalid type error when calling readPixels
• How to optimize rendering a UI

• How can I compute for 500 points which of 1000 line segments is nearest to each point?
• How can I move the perspective vanishing point from the center of the canvas?
• Is there the notion of a generalized vertex and fragment shader?
• How to determine the average brightness in a scene?
• What is the local origin of a 3D model?

• How to figure out how much GPU work to do without crashing WebGL.
• Why does WebGL take more memory than Canvas 2D
• How to combine more text drawing into fewer draw calls
• How to draw depth sprites

WebGL2

• Accessing textures by pixel coordinate in WebGL2
• How can I get all the uniforms and uniformBlocks
• How can I create a 16bit historgram of 16bit data
• How to process particle positions