WebGL & GLSL Demos

by @mattdesl

Some demos for the workshop, built with ThreeJS.

A basic example showing a single THREE.Mesh, using a geometry.

A basic example showing repeating THREE.Mesh re-using a geometry.

An example showing how to use THREE.Group to create a hierarchy.

light + material

Showing THREE.MeshStandardMaterial and THREE.PointLight.

Showing how to manually define a triangle with THREE.Geometry.

buffer geometry

Showing how to create a quad with THREE.BufferGeometry.

buffer geometry (advanced)

Showing how to create many triangles within a single THREE.BufferGeometry.

Showing how to write a vertex shader with THREE.ShaderMaterial.

fragment shader

Showing how to write a fragment shader with THREE.ShaderMaterial.

fragment shader (circle)

A slightly more advanced shader with THREE.ShaderMaterial.

vertex attributes

Adding custom vertex attributes to THREE.IcosahedronBufferGeometry.

remix your own