Water Waves Simulation

Got inspired to recreate how water molecules behave in a wave. Science + Webflow = Fun! Use the buttons to change the look of the particles. The order you click the buttons will also affect the look. Inspiration Source: "Water waves are an example of waves that involve a combination of both longitudinal and transverse motions. As a wave travels through the waver, the particles travel in clockwise circles. The radius of the circles decreases as the depth into the water increases. The animation at right shows a water wave travelling from left to right in a region where the depth of the water is greater than the wavelength of the waves. I have identified two particles in orange to show that each particle indeed travels in a clockwise circle as the wave passes." Daniel A. Russell, Graduate Program in Acoustics, The Pennsylvania State University https://www.acs.psu.edu/drussell/Demos/waves/wavemotion.html