|
|
Realtime Raytracer |
| WebGL is quite effective at raytracing simple scenes with a decent frame rate |
|
| To view these in a browser you will need one of
Google Chrome Beta
or
FireFox Beta
. |
| These use the Fragment Shader Framework
to render everything in one fragment shader function which is called for every pixel in the canvas. |
|
 |
|
|
|
|
|
|
Contents |
|
26/Dec/2010
First Test - Using a fragment shader to hit-test 3 spheres and colour each pixel based on the surface normal
|
|
|
26/Dec/2010
Adding a lighting model with specular (Phong) and diffuse lighting
|
|
|
26/Dec/2010
Recursive ray tracing to add reflection to the spheres
|
|
|
26/Dec/2010
Using shadow rays to determine if the path between each pixel and the light source is blocked
|
|
|
26/Dec/2010
Lets try it with 6 spheres this time
|
|
|
26/Dec/2010
Pushing it a bit with 16 spheres
|
|
|
26/Dec/2010
Adding a pearlescent effect by adjusting the brightness of each point by the sine of the distance from the camera
|
|
|
26/Dec/2010
Creating bumpy surfaces by perturbing the surface normal at each point
|
|
|
