Pluck the Strings Hero Animation with Canvas

A hero for React and Next.js with gold strings across the page, like a giant instrument. Move the cursor across them and each string vibrates with a real standing wave, then decays, with a glow running along it.

Each string runs the wave equation in a typed array, with its ends fixed at the brass bridges. A pluck bends the string into a triangle and lets go. The bend splits into two kinks that run to the ends and back, then settle into a standing wave, and the high harmonics die first, as they do on a real string. Thin strings at the top vibrate faster than the heavy strings at the bottom. Where a string is moving fastest, it glows, so the light runs along it. There is no sound.