2D Dynamic lighting

2D Phong Shader in HTML5 & JavaScript

Tap or mouse over to position light source.


Scroll to adjust the z-Coordinate(distance) of the light source and click the mouse scroll to reset.
Left-Click to increase specular intensity and Right-Click to reduce specular intensity(brightness).

Realistic Hand-drawn Shaded Cartoon Pixel Art
Unsupported Browser
Pick lighting colour from the colour wheel.