Custom Heat map integrated in HTML

Use left click to move Around and the X key to apply heat

press 1, 2, 3, 4 to create heat objects around the space

This shader was built using a mixture of JS and GLSL, allowing for HTML integration. It was designed to be a simplistic rendering of heat transfer. Each part of a surface is broken up into small squares that can check each other and transfer heat to each other. There is also a room temperature that each object is trying to reach regardless. This allows for a basic representation of how heat would dissipate between objects.

HeatMap

Demo only available on Desktop

Previous
Previous

Simple Python Render

Next
Next

GMTK 2026