webgl_examples

WebGL examples

Collection of examples to lear WebGL and see what the differences with OpenGL are.
All example should run on any modern web browser, on a desktop and a phone, by clicking on the title of each small description here

Triangle (hello world)

Hello world type of project, to draw a single trianlge on screen

Rotating cube

Use matrices to have a bit of movement on the screen

Shading

Use light positions and shaders to have a simple phong shading

Texturing

Feed a texture to the fragment shader and texture positons

Bumpmapping

Use a special heightmap texture to give some relief to a flat plane

Framebuffer

Draw the WebGL scene on a framebuffer, on which we can apply some effects/post processing

Water

Simple water scene with some reflection and transparency of water

Grass

Displays lots of grass blades moving independantly thanks to a wind map texture Uses WebGL2 for the instanced rendering

Tree

Tree generation using a L-System Uses WebGL2 for the instanced rendering