RealPix: The <fill/> Tag
February 1, 1999
The <fill/> tag fills the display
window with a single solid color. This can be used at the beginning
of a presentation before another image fades in or it can be used
as a low bandwidth filler between images. At the end of the
presentation it is useful for fading to black.
A <fill/> tag looks like this:
<fill start="0" color="blue"/>
The start time and color can be defined. The
color can be defined by name or you can use the hexadecimal number.
The <fadein/> tag
The <fadein/> tag gradually makes the image visible.
The image will appear to fade in from a fill color. The fill color
should be defined on the code line before this using the fill tag.
<fadein start = "4"
duration = "3"
target = "2"/>
This fadein starts 4 seconds into the presentation. The total
time the fade takes place in is controlled by the duration. The
target controls which image fades in.
The <fadeout/> tag
The <fadeout/> tag controls how an image fades into a
color. The attributes are similar to the <fadein/> tag.
<fadeout start = "10"
duration = "3"
color = "blue"/>
The <crossfade/> tag
The <crossfade/> tag controls how one image fades into
another and can make for some nice special effects.
<crossfade start = "10"
duration = "3"
target = "2"/>
The crossfade tag only needs to define the target of the image that
will fade into the image currently being displayed.
The <wipe/> tag
The <wipe/> tag controls a transition from one image
to another. This is done either by covering the
current image with another one or by pushing it out of the way
with a sliding effect. The direction and duration of the wipe
can also be controlled to create a wide variety of different effects.
I chose to use wipes in the RealPix demonstration in the last
article. Let's look at the that code now:
<wipe type="push" direction="right"
start="1" duration="2" target="1"/>
<wipe type="push" direction="right"
start="8" duration="2" target="2"/>
<wipe type="push" direction="left"
start="13" duration="2" target="3"/>
The <wipe/> attribute type can either
"push"
the other image off the screen or it can be set to "normal"
in which case it covers the other image. The direction can be set to
one of four directions: left, right, up or down. The target
controls what image will be wiped on top of the existing image.
In the example above image 1 was wiped in from the right side of
the screen over a period of 2 seconds starting 1 second into the
presentation. The second image will push the first image off the
screen to the right starting at 8 seconds.
RealPix: The RP File
RealPix: The SMIL Graphics Format
RealPix: Examples
|
