WebGL Hotshot

Scene lighting

This capstone scene advances lighting to create the story. The streetlights continue to use spotlights to create the circles on the street and the transparent cones for volume lighting.

The neon X Y Z display on the left turns on in a red, green, and blue sequence, and glows onto the street with a red, green, and blue tinge using point lights. The following example makes use of the neon shader we used in our second example of this project:

Engage thrusters

To create the neon light tinge on the street, the location and color of each neon light is passed to the shaderScene-fs fragment shader. Following the streetlight calculations, the ...