Bill's Breaking Wave, or Curling Over |
or Cresting 2d Water Wave Animations |
JAVASCRIPT wave Animations |
| NEW FOREGROUND ! |
| |
| WVtrem4.html Chat GPT Waves move from left to right |
| or right to left. Side view. With dsCedD.jpeg |
| in right foreground - 4 tree branches. |
| Uses t += frameInterval, not requestAnimationFrame() |
| Waves with foreground |
Download source files |
| 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 |
| bz.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 |
<
Download source files |
| Bill's smaller waves |
| right to left |
Download source files |
| Bill's blue then grey waves |
| right to left, diagonal color gradient |
Download source files |
| 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 |
Download source files |
| |
Java Applications Downloads |
| |
| 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. |
| These programs, and others are available at |
| Sourceforge.net author redelmeier |
| The java WAVE series has been optimized quite a lot |
| by the Java compiler - they have a lot of code. |
| Swave.java animates a standing curling over water wave |
| Outline only. Bezier curves Sliders |
| Side view or transverse view. |
| Download Swave.java |
| FCurve5.java animates an open water 2 dimensional wave |
| Sliders don't work. Wave doesn't gather but spills a little. |
| Side view or transverse view. Frame counter. |
| 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. See BreakingWaves.info for credit to Lee Holmes. |
| |
| Draw 2 Curves 3 Ways: Spline Bezier Hermite download |
|
| Java and Oracle are Trademarks of Oracle Corporation. |
|
| Contact Author |
| Email Bill |
| Ptrthis.ca |
| |
| |
| BreakingWaves.info |
|