Print Shortlink

WebGL Demo – ThreeJS Deferred Daylight Renderer

WebGL Demo - ThreeJS Deferred Renderer Example 1

Here is a new ThreeJS WebGL Demo by AlteredQualia. In it, you can command a small army of superheros and villains with the touch of an arrow key.  This demo presents a seamless combination of several new (and developing) threejs functions. For example there is the THREE.DayLight() function which renders easy daylight-esque lighting with shadow support and also the THREE.WebGLDeferredRenderer(),and THREE.ShaderPass( THREE.SSAOShader ) functions. This demo has very clean and organized code so it is perfect for programmers who want to learn threejs by swapping in their own models, etc.

For example, the code seems to support character actions such as crouch, jump and attack… so it may be worthwhile for the curious to uncomment the following lines of code and see what happens! Have fun!

//case 67: /*C*/ controls.crouch = false; break;
//case 32: /*space*/ controls.jump = false; break;
//case 17: /*ctrl*/ controls.attack = false; break;

Test out the ThreeJS Deferred Daylight Renderer Example HERE

WebGL Demo - ThreeJS Deferred Renderer Example 2

WebGL Demo - ThreeJS Deferred Renderer Example 3

VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)
WebGL Demo - ThreeJS Deferred Daylight Renderer, 5.0 out of 5 based on 2 ratings

You might also like