NormalMap32 - Construct 3

2D normal mapping is a texture mapping technique used for faking the lighting of bumps and dents – an implementation of bump mapping. Each normal map pixel represents the direction in which the sprite's pixel is facing. NormalMap32 allows you to create and control up to 32 colored point lights that interact with a 2D normal map texture. The result is a simulated 3D lighting effect.

(Supports WebGL1, WebGL2 and WebGPU) 

How Does It Work?

You have to create OpenGL/WebGL compatible normal map sprites for each 2D sprite you want to apply the effect onto. This normal map sprite is used as a foreground effect that needs to be placed on top of the original 2D sprite background.

You can create Normal Map sprites either automatically using Normal Map Generator software, or draw them by hand. The NormalMap32 effect needs to be applied to each normal map, so either to the sprites themselves or a normal map family/canvas/layer which contains all your normal sprites. Light sources are then defined within the parameters of each normal map sprite effect.

Performance Considerations

Applying the effect to lots of individual normal map sprites can be costly. Consider applying the effect to a single layer instead, or draw all normal maps to a canvas. Set Max Light ID to the lowest possible value for enhanced shader performance.

Features

• Up to 32 simultaneous RGB point light sources per normal map.
• Linear, quadratic or mixed light falloff.
• Distance clamping for spot light effects.
• Supports flipped and rotated normal maps.
• Global ambient RGB light.

Support Me

If you appreciate my work and would like to show your support, kindly consider making a donation.