Introducing Threeify!

A test of a clear coat GGX specular lobe BRDF with separate a distinct normal map layered on top of a standard GGX specular BRDF.

A test of the Lambertian diffuse BRDF in isolation.

A test of a Charlie-based Sheen BRDF. Sheen is useful rendering realistic cloth.

A test of the GGX specular BRDF layered on top of the Lambertian diffuse BRDF.

A test of the GGX specular BRDF modified via a bend normal to simulate anisotropy layered on top of the Lambertian diffuse BRDF. Anisotropy is specified via a flow map.

A bare-bones test of loading and rendering with a cubemap texture directly.

Loading Radiance HDR (encoded as RGBE) and then storing it in RGBD format. The RGBD data is decoded to linear for rendering and then sRGB corrected when written to the output.

This loads a latlong map (AKA lat-long map) and renders it to the faces of a cube map.

A test of explicitly setting the cube map LOD to simulate reflections with varying surface roughness. Requires the ext_shader_texture_lod extension.

Load manually generated mipmaps into the cubemap.

Rendering to the faces of a cube map on each frame.

A simple test of animated uniforms.

A test of interleaving and rendering arbitrary geometry. Interleaved geometry can be more efficient for GPUs to render because all data for one vertex is collocated.

A bare-bones test of lighting a cube geometry directly.

A test of using an orthographic camera to render.

A bare-bones test of drawing geometry directly.

Click once on the screen to active. The cube moves based on your devices orientation.

A layered renderer which takes a set of layers and renders them back to front.

A directional light is represented by a direction and an irradiance

Multiple punctual lights are used: spot, point and directional.

A point light has an intensity-color, a position and range.

Similar to a point light but has a direction and an inner and outer cone angle for the falloff. (TODO: Add units.)

Columns are blend states, rows are premultipled alpha.

Demonstrates the ability to select the output channel of the material shader. Cycles between beauty, albedo, roughness, metalness, occlusion, emissive, normal, depth, ambient, diffuse and specular.

A height map is used to simulate microgeometry that is not represented in the mesh. When the height map only affects lighting, but not geometry, it is called bump mapping. This is a box sphere where the height map adds the brick shapes.

A height map is used to displace the positions of the mesh in the normal direction in an animated fashion. A normal map is also blended in and out in time to simulation a morphing effect.

A normal map is used to simulate microgeometry that is not represented in the mesh. This is a smooth sphere where the normal map adds the golf ball dimples.

This takes as input an latlong image (AKA lat-long image), converts it to a cubemap and then as a background without converting it to a cubemap.

Uses a latlong image (AKA lat-long image) as a background without converting it to a cubemap.

A simple test of rendering a texture.

Redrawing a canvas into a texture every frame.

A simple test of rendering to a depth texture framebuffer attachment and then accessing that texture (as an albedo map on geometry which is then rendered to screen.)

A simple test of rendering to a texture, and then using that texture as an albedo map on another geometry and writing that to screen.

A simple test of rendering an svg file as texture.

Rendering a playing video into a texture.

Runs all the glsl unit tests.