Tech summary for LogoTip applet


This simple applet can emulate fire, forest, bushes, and so on to outline the given LOGO string. It takes as much as 8.2Kb and can be stopped or restarted by mouse click.

  1. Parameter list
  2. Tag Example
  3. Parameter explanation
  4. Rendering outline

Parameters:

Tag Example

<APPLET code="LogoTip.class" align=Top width=610 height=80>
<PARAM name=logo value="E v e r J 1998">
<PARAM name=frames value=13>
<PARAM name=ray value=off>
<PARAM name=originX value=320>
<PARAM name=originY value=0>
<PARAM name=delay value=80>
<PARAM name=align value="center">
<PARAM name=step value="3">
<PARAM name=correlation1 value=50>
<PARAM name=correlation2 value=50>
<PARAM name=font value="TimesRoman">
<PARAM name=fg value=c08000>
<PARAM name=bg value=0>
<PARAM name=color1 value=c0c000>
<PARAM name=color2 value=c000>
<PARAM name=color3 value=ff00>
<PARAM name=width1 value=4>
<PARAM name=width2 value=4>
<PARAM name=height1 value=5>
<PARAM name=height2 value=4>
<PARAM name=expand value=180>
<PARAM name=liftUp value=3>
</APPLET>

Parameters explanation

  • "font" parameter determines the font using which your logo is drawn and rendered. Acceptable are "TimesRoman", "Helvetica", "Courier" and "Dialog". Default value is "Helvetica".
  • "ray" determines weather the "Laser ray" will be shown while the Logo rendering (this is usefull if this banner should exhibit a "fire"). Acceptable are "on"/"off". Default is"off". Is used together with next two parameters.
  • "originX" If the "ray" parameter is set to "on", the white line is drawn from x=originX, y=originY to the actual point of logo rendering. Default is half of applet's width.
  • "originY" See "originX" parameter description. Default is twice an applet's height.
  • "logo" The string to be exposed. Default is "Ever J".
  • "frames" This parameter tells how much frames should be used in animation. It should be defined, since default is 0 - no frames.
  • "delay" Determines how often the frames will be drawn on the screen. This is in milliseconds. Default is 50.
  • "step" To make rendering faster you may draw not every point of the logo outline, but omit some points. The quantity of omitted points is defined in "step" parameter. Default is 5.
  • "fg" If rendering process is stopped by viewer by mouse click, your logo will be displayed in simple letters on the result of rendering (regardless of weather rendering process has finished or not). "Fg" is the color for this letters. Should be in hexadecimal. Default is "ffff00" (Yellow).
  • "bg" Background for your logo. Should be in hexadecimal. Default is "0" (Black).
  • "align" Alignment of your logo. Possible values are:"center","right","left". Default is "left".
  • Other parameters are the details of rendering process.
    See "Rendering explanation" first.

  • "color1" Colors should be in hexadecimal. Default for Color1 is "ffffff" (White).
  • "color2" See explanation for color1. Default for color2 is "ffff00" (Yellow).
  • "color3" See explanation for color1. Default for color3 is "ff0000" (Red).
  • "width1" This is the width of smaller figure. Default is 3.
  • "height1" This is the height of smaller figure. Default is 5.
  • "depthX" This is the characteristic value of X deformation of larger figure. Default is 3.
  • "depthY" This is the characteristic value of Ydeformation of larger figure. Default is 2.
  • "expand" Determines the ratio (in percents) by which one figure is greater than other. Default is 150.
  • "liftUp" Determines the shift of greater figure to the top (when simulating flame, forest, etc.). Default is 3.
  • "correlation1" Every new smaller figure form depends upon the form of previously drawn smaller figure. This parameter sets (in percents) the strength of this dependence. Use it to make movement smooth or sharp. Default is 50.
  • "correlation2" Every new lager figure form depends upon the form of previously drawn lager figure. This parameter sets (in percents) the strength of this dependence. Use it to make movement smooth or sharp. Default is 50.
  • Rendering explanation

    Every point of your logo's outline consists of too figures ("smaller" one and "larger" one) and is processed as follows:

    1. Smaller figure (just polygon) is calculated, using random integers and the previously drawn smaller figure values. (see "width1", "height1" & "correlation1" parameters).
    2. Larger figure is calculated by expanding the smaller figure (by "expand" parameter value) and shifting it to the top by "liftUp" parameter value. Then, it is randomly deformed (by "depthX" and "depthY" values), taking into account the "correlation2".
    3. larger figure is filled , using Color2,
    4. larger figure is outlined using Color3, and
    5. at last, smaller figure is drawn upon larger using Color1.

    (c) 1998 EverJ Group. All rights reserved.