These use the Fragment Shader Framework to render everything in one fragment shader function which is called for every pixel in the canvas.
Fragment Shader Framework 26 December 2010
Source 3 files
- index.html HTML · 52 lines
- webgl_fragment_framework.001.js JavaScript · 284 lines
- webgl_fragment_framework.lewpen.001.js JavaScript · 284 lines
Raytracer 001 - 3 spheres with normals 26 December 2010
Source 4 files
- index.html HTML · 139 lines
- webgl_fragment_framework.001.js JavaScript · 284 lines
- webgl_fragment_framework.js JavaScript · 349 lines
- webgl_fragment_framework.lewpen.001.js JavaScript · 284 lines
Raytracer 002 - Diffuse and phong lighting 26 December 2010
Source 4 files
- index.html HTML · 163 lines
- webgl_fragment_framework.001.js JavaScript · 284 lines
- webgl_fragment_framework.js JavaScript · 349 lines
- webgl_fragment_framework.lewpen.001.js JavaScript · 284 lines
Raytracer 003 - 3 levels of reflection 26 December 2010
Source 4 files
- index.html HTML · 189 lines
- webgl_fragment_framework.001.js JavaScript · 284 lines
- webgl_fragment_framework.js JavaScript · 349 lines
- webgl_fragment_framework.lewpen.001.js JavaScript · 284 lines
Raytracer 004 - Shadows 26 December 2010
Source 4 files
- index.html HTML · 209 lines
- webgl_fragment_framework.001.js JavaScript · 284 lines
- webgl_fragment_framework.js JavaScript · 349 lines
- webgl_fragment_framework.lewpen.001.js JavaScript · 284 lines
Raytracer 005 - More spheres 26 December 2010
Source 4 files
- index.html HTML · 202 lines
- webgl_fragment_framework.001.js JavaScript · 284 lines
- webgl_fragment_framework.js JavaScript · 349 lines
- webgl_fragment_framework.lewpen.001.js JavaScript · 284 lines
Raytracer 006 - Even more spheres 26 December 2010
Source 4 files
- index.html HTML · 205 lines
- webgl_fragment_framework.001.js JavaScript · 284 lines
- webgl_fragment_framework.js JavaScript · 349 lines
- webgl_fragment_framework.lewpen.001.js JavaScript · 284 lines
Raytracer 007 - Pearls 26 December 2010
Source 4 files
- index.html HTML · 209 lines
- webgl_fragment_framework.001.js JavaScript · 284 lines
- webgl_fragment_framework.js JavaScript · 349 lines
- webgl_fragment_framework.lewpen.001.js JavaScript · 284 lines
Raytracer 008 - Bumpy Textures 26 December 2010
Source 4 files
- index.html HTML · 220 lines
- webgl_fragment_framework.001.js JavaScript · 284 lines
- webgl_fragment_framework.js JavaScript · 349 lines
- webgl_fragment_framework.lewpen.001.js JavaScript · 284 lines