Sindbad~EG File Manager
<html>
<head>
<title>The Animator Applet</title>
<!-- Changed by: Herb Jellinek, 18-Jun-1996 -->
<!-- Changed by: Eric Hawkes, 22-Jan-2003 -->
</head>
<body>
<h1>The Animator Applet</h1>
<hr>
The Animator applet is a general purpose animation tool.
<p>
It has these features:
<ul>
<li> you can specify an order to the frames, which allows you to reuse them
<li> you can specify whether the animation repeats
<li> you can specify a soundtrack
<li> you can specify sounds to be played with individual frames
<li> you can specify the amount of time to pause between frames
(both on the animation as a whole and on individual frames)
<li> you can specify a startup image to display while loading
<li> you can specify a background image or color upon which to display the
animation
<li> you can specify a position at which to display each frame
<li> you can specify the URL of a page to visit when the user clicks on the
animation
<li> you can view the applet's parameters at runtime
</ul>
<p>
Here is the <a href="Animator.java">source code</a>.
<p>
You can get a lot of information about Animator by pressing the
SHIFT key while clicking the mouse in an Animation.
<h2>
Tag Syntax
</h2>
<pre>
<APPLET CODE="Animator.class"
WIDTH="aNumber" -- the width (in pixels) of the widest frame
HEIGHT="aNumber"> -- the height (in pixels) of the tallest frame
<PARAM NAME="IMAGESOURCE"
VALUE="aDirectory"> -- the directory that has the animation
frames (a series of pictures in GIF or JPEG
format, by default named T1.gif, T2.gif,
...)
<PARAM NAME="STARTUP"
VALUE="aFile"> -- an image to display at load time
<PARAM NAME="BACKGROUND"
VALUE="aFile"> -- an image to paint the frames against
<PARAM NAME="BACKGROUNDCOLOR"
VALUE="aColor"> -- a solid color to paint the frames against
<PARAM NAME="STARTIMAGE"
VALUE="aNumber"> -- number of the starting frame (1..n)
<PARAM NAME="ENDIMAGE"
VALUE="aNumber"> -- number of the end frame (1..n)
<PARAM NAME="NAMEPATTERN"
VALUE="dir/prefix%N.suffix"> -- a pattern to use for generating names
based on STARTIMAGE, ENDIMAGE, or IMAGES. (See
<A href="#namepattern">below</A>.)
<PARAM NAME="PAUSE"
VALUE="100"> -- milliseconds to pause between images
default - can be overridden by PAUSES)
<PARAM NAME="PAUSES"
VALUE="300|200||400|200"> -- millisecond delay per frame. Blank
uses default PAUSE value
<PARAM NAME="REPEAT"
VALUE="true"> -- repeat the sequence?
<PARAM NAME="POSITIONS"
VALUE="100@200||200@100||200@200|100@100|105@105">
-- positions (X@Y) for each frame. Blank
means use previous frame's position
<PARAM NAME="IMAGES"
VALUE="3|3|2|1|2|3|17"> -- explicit order for frames - see below
<PARAM NAME="SOUNDSOURCE"
VALUE="aDirectory"> -- the directory that has the audio files
<PARAM NAME="SOUNDTRACK"
VALUE="aFile"> -- an audio file to play throughout
<PARAM NAME="SOUNDS"
VALUE="aFile.au|||||bFile.au">
-- audio files keyed to individual frames
<PARAM NAME="HREF"
VALUE="aURL"> -- The URL of the page to visit when
user clicks on the animation (if not set,
click pauses/resumes the animation)
<PARAM NAME="TARGET"
VALUE="aTarget"> -- The name of a FRAME target in which
to display the document named by
HREF. Defaults to "_top".
</APPLET>
</pre>
<h3>
The IMAGES, STARTIMAGE, ENDIMAGE, and NAMEPATTERN parameters
</h3>
You can specify either an IMAGES list or a STARTIMAGE/ENDIMAGE range,
but not both. The IMAGES list is a string of frame numbers in the
order in which you wish them to display, separated by vertical bars.
You can use NAMEPATTERN with IMAGES or STARTIMAGE/ENDIMAGE to generate
the file names to use.
<p>
STARTIMAGE and ENDIMAGE let you specify a range of images. Specifying
an ENDIMAGE that is numerically less than the STARTIMAGE will display
the images in reverse order. Both parameters have default values of
1, so specifying only STARTIMAGE="15" means "play the frames in
reverse order from 15 to 1." Saying only ENDIMAGE="13" means "play
the frames from 1 to 13." Of course, you can use both STARTIMAGE and
ENDIMAGE together.
<p>
<A name="namepattern">NAMEPATTERN</a> lets you specify how to generate
the names of the files in the range STARTIMAGE to ENDIMAGE. The
pattern is like a URL with substitution. Any instance of the
characters '%N' will have the current index (integer in the
STARTIMAGE..ENDIMAGE range) substituted for it; any instance of
'%[digit]' -- for example, '%5' -- will have the index plugged in,
left-padded with zeroes. Finally, '%%' substitutes a single '%'.
<p>
Some examples (all assume STARTIMAGE = 1 and ENDIMAGE = 10):
<DL>
<DT>NAMEPATTERN = "T%N.gif"
<DD>This is the default pattern, and will generate the names
T1.gif, T2.gif, ...T10.gif.
<DT>NAMEPATTERN = "anim%3/anim%3.jpg"
<DD>This will generate the names anim001/anim001.jpg, ... anim010/anim010.jpg
<DT>NAMEPATTERN = "100%%frame%N.jpg"
<DD>This will generate the names 100%frame1.jpg, 100%frame2.jpg, etc.
</DL>
<h3>
Example files
</h3>
<DL>
<DT><A href="example1.html">example1.html</a>
<DD>Animated coffee beans, with a soundtrack and per-frame sound effects.
<DT><A href="example2.html">example2.html</a>
<DD>A simple two-frame animation.
<DT><A href="example3.html">example3.html</a>
<DD>A simple beany animation with start-up image.
<Dt><A href="example4.html">example4.html</a>
<DD>Animated coffee beans with POSITIONS, HREF, and BACKGROUNDCOLOR.
</DL>
<hr>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists