Parameter Value Description of Parameters for RippleApplet.class Version 1.1
image*the name of the picture You want to animate. (*.gif, *.jpg)
overlay*.gif (GIF89a) with a transparent section to view the animated.
The non animated parts are the non transparent parts of imageMask.
width*image width in pixel
height*image height in pixel
initImage "true" or default="false", whether the image is loaded before the applet is retread.
framesnumber of frames used for the animation, default=20 frames.
nWavesnumber of waves that move, default=1 sine wave.
percenthow big the waves are in percent of the picture`s height, default=10%.
offsetoffset yields disturbance, good values around 5 and 170 (the later seem to ripple down), default=5.
delaydelay between animation frames in milli seconds, speed of animation, default=70.
direction up(=default) or down, determines whether the image is standing on its head.
This influences the direction of waves, c.f. offset
urlThis parameter specifies an URL to load when the mouse is clicked within the applet.
targetThis parameter specifies an optional target for the url parameter.



Generated RippleApplet template could be copied and pasted into the body tag of a html page:

The applet RippleApplet by Modern Minds, along with a copy of its documentation, is available for download at their site.

Applet Template Generator Versions for creating either
XHTML 1.0 Transitional Applet Tags or for creating
HTML Transitional Applet Tags are available at this site.

A jar file such as used by this template generator can be created by zipping the files and renaming the result to RippleApplet.jar.

* indicates that this parameter is required. The name of class file (plus archive if used), width, height and name of the image are the required parameters with most animating applets. The other parameters are optional. Optional parameters frequently have useful default values. Default values do not have to be invoked explicitly.

RippleApplet.class is IMHO still state of the art for water, fire, smoke... animations when non perspective wave movement is needed.

Good sets of parameters to use with RippleApplet are difficult to find. Originally this generator has not been created to help with making applets but to find, test, prototype new sets of parameters. It is however more efficient to memorize, save or bookmark interesting sets of parameters when You see good applets.

Creating a RippleApplet: I start with the image and try to find parameters that look similar to reality. If I find good params i save them into a pre-prepared example page example.html that also shows a finished Applet page (and is a template for anyones free use). Then I create the imageMask/Overlay that covers the parts that must not animate. When the applet is started for the first time some things that should be covered by the imageMask are dragged into view by the ripple effect. On the image (remember to backup) the areas that have this shoddy habit are altered with a graphic program. The colors are taken (e. g. water) from nearby with a duplicate tool and used to cover these areas. The resulting new image is saved and tested again.