Ripple free applet

by
David Griffiths
www.demon.co.uk/davidg/spigots.htm

The ripple free applet takes any gif and animates it to produce effects like the ripple of water.
You don't have java! Why don't you get: Microsoft Explorer

The program itself is very small and creates the frames of the animation on the browser machine, transferring only the original image across the Net.

The author would appreciate a link to his site should you decide to use this applet.

Click here to download:
Ripple.zip
ripple.java

java applet parameters


<APPLET CODE="ripple.class" width=190 height=147 border=10>

<param name="image" value="free-appletsRipple.gif">

<param name="period" value="25">

<param name="frames" value="12">

<img src="images/ripple.gif" width=190 height=190 align=left>

 You don't have java! Why don't you get: <a href="http://www.microsoft.com/ie">Microsoft Explorer</a>

</APPLET>

java applet explanation

To use the Ripple free java applet, I

Step 1: Downloaded Ripple.zip and extracted into my web page directory. IMPORTANT: All file and folder names must be preserved exactly as zipped.

Step 2: Viewed Ripple.html with my java enabled browser.

applet parameters

IMAGE: Should be set equal to the filename of the .GIF file you want to animate..

PERIOD: Defines the wave size in the animation.

FRAMES: Increasing the number of frames will smoothen out animation for large waves, but it will take up more resources on the browser machine.

By default the rippled version of the image will be animated on top of the original, preventing gaps at the side of the image as it shifts back and forth. If you want the gaps to appear then add:

<param name="bordergap" value="on">

If you have a bordergap but don't want the image to disappear beneath the edges of the applet, add a white border around the sides of the base image. To get multiple animations easily, make the height of the applet a multiple of the height of the image. You can have as many images as there are frames in the animation.