How to Animate a Breaking Wave with Bezier Curves

A method that can be used to generate a animation

of a breaking wave or series of breaking waves in 2

dimensions is described. This is done without interpolation

of time slices of pictures of actual breaking waves(and the

databases necessary for their storage.)

[Mihalef, Metaxas, Sussman 2004]

Last updated Oct 9, 2019

JAVASCRIPT and HTML5 Animations

Sprite8.js, Sprite8.html, Tile99.png,

and RequestAnimationFrameZZ.js

Draws Image of Tile99.png, waits for

two clicks, then draws the top left corner

of the tile at the top left of the canvas

It moves back and forth across the screen

Stops at the user's option.

Sprite6.js, Sprite6.html, Tile99.png,

and RequestAnimationFrame.js

Draws Image of Tile99.png, waits for

two clicks, then draws the top left corner

of the tile at the middle of the canvas

It moves back and forth the right half

of the screen. Stops at the user's option.

Comments welcome.