water_wave

this is an jsfile which create an interactive animation to emulate a water-wave.

this file using es6.

water wave will emerge from where you click on the web page, and it will gradually weaken with time (the default value is 5 seconds)and distance.

To be honest, water wave is much complexed than transverse wave, and transverse wave can not spread in water. However, hydrone which in water surface have both vertical movement and Horizontal movement(hardly to see).

So I use a transverse wave propagation which along the +x axis to simulate water wave.

If you are a chinese, you can my chinese analysis on 知乎

How to use

if you just want use with default config, you can use like this:

import waterWave from "interactive-water-wave";
document.querySelector("body").onclick = (e)=>waterWave(e);

Todo

The color is also editable, but I don't know how to converse your input value into numerical rgb.