Heat Map Animation

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