###

# JAVASCRIPT wave Animations

NEW FOAM ! RADIO BUTTONS !
bezri.html waves move from left to right
or right to left. Side view. Blue-Green Foam.
Bezier Curves.
Waves with foam
Download source files
bezg.html large waves move from right to left
Waves collapse. Left to right : small and fast.
Side view. Bezier Curves. Foam. Flip-flop.
Flip-flop waves, foam.
Download source files
WVSEP056.html waves move from either right to left
or left to right. Side view or transverse view.
Gray Horizon. Bezier Curves.
Bill's Breaking Waves
Bill's smaller waves
right to left
WV17H.html draws a 2 dimensional breaking wave over
and over. Drawing is done with two Bezier curves linked
together: one for each side of each wave. Stop the
drawing of the wave at any time. JavaScript and HTML 5
Side view or transverse view.
Bill's Breaking Wave in JavaScript

# Java Applications

#

To see Bill's applications you should have
have the Java runtime environment software installed.
For best results the JRE and the JDK should match
Currently running Java 1.8.0_211
These programs are stand-alone applications.
These programs may not run.
Swave.java animates a standing breaking water wave
Outline only. Bezier curves Sliders
Side view or transverse view.
Download Swave.java
FCurve5.java animates an open water 2 dimensional wave
Microsoft Windows (TM) Sliders don't work
Side view or transverse view.
Download FCurve5.java
WaveBezier.java draws a series of 2 dimensional
breaking waves. Adjust the concavity of these waves with
slider controls. Drawing is done with two Bezier curves linked
together: one for each side of each wave. Adjust the
drawing of all waves to include or exclude the Bezier
curve control points. Side view or transverse view.
Bill's Breaking Waves 600 x 400
Affine and other geometric transformations Java GUI
An affine transformation is one in which the parallel lines
of a polygon remain parallel. Also possible on my applet
are non affine transformations e.g. rotation by a factor
of something other than a multiple of 90 degrees and
either scaling on the X axis alone, or scaling on the
Y axis alone. Other transformations available are Overall
Scaling, Translation, and projection (reflection) through
the x axis, y axis or through the origin. Adjust
the factor of these transformations by playing with
the numbers in the panel below the Cartesian Axis.
Affine Transformations GUI 600 x 400
The same applet above but for a larger monitor: 900 X 600
Affine Transformations GUI 900 x 600
Bezier02.java draws 2 curves, at the user's option:
Bezier, Hermite of Spline. User can switch back and
forth between methods. Control points are fully adjustable.
Download source code. Link to Lee Holmes's web site
Draw Two Curves 3 Ways: Spline Bezier Hermite
Java and Oracle are Trademarks of Oracle Corporation.
Contact Author
Email Bill
Ptrthis.ca
BreakingWaves.info