Heat Map Animation
Published Aug 31, 2025
⋅
Updated Sep 28, 2025
⋅
0 minutes read

Interactive WebGL Heat Map Animation
- This demo recreates Apple's September 2025 Event logo animation using Three.js.
- The animation features an interactive heat map effect that responds to mouse movement, creating colorful thermal patterns over a video texture with an Apple logo mask.
Key Components:
- WebGL renderer for smooth 60fps animation
- Video texture showing abstract thermal patterns
- Apple logo mask to shape the effect
- Interactive mouse/pointer tracking for heat generation
- Real-time shader effects with gradient color mapping
Preview
Check out the animation here