( Top Page )
   

( June 16. 2009 )

Tutorial & Manual - 9 -

  1. OverView & many samples
  2. Basic definitions for animations
  3. Turn image by mouse touch, show message or URL Link
  4. Font Type, Color, Style, or background
  5. Random move parameters
  6. Display message at fixed position, or move sets
    1. Display Layer Image at fixed position, or move sets
    2. Stop animations/messages, Sound etc
      ( v2.0 specials )
    3. AquariumCity applets parameters

                  

    Table for AquariumCity Applets parameters
    How to write html codes for

    Shareware
    v1.5 : AquariumCity.class

    For registered users
    v2.0 : AquariumCityV2.class
    v3.0 : AquariumCityV3.class
    v3.5 : AquariumCityV3.class
    v4.0 : AquariumCityV4.class
    Lite : AquariumCityLite.class
    AquaCity.class
    (V4.0Limitted functions)


    Note: Under ( ) is shown specific version.
    JAVA APPLET HTML codes sample

    <HTML>
    <HEAD>
    </HEAD>
    <TITLE>VirtualPHOTO</TITLE>
    <BODY>

    <APPLET CODE="AquariumCity.class" WIDTH=200 HEIGHT=200>
    <PARAM NAME="copyright" value="www.javao.com">
    <PARAM NAME="regcode" value="okohihs-ika-84919040">
    <PARAM NAME="sleeptime" value="75">
    <PARAM NAME="bgcolor" value="000065">
    <PARAM NAME="background" value="star.gif">
    .....etc
    </APPLET>

    </BODY>
    </HTML>

    The above is a simple sample. At first, write html codes like the above by editor and thereafter, store the file as xxx.htm (or xxx.html). The class file AquariumCity.class should be stored in the same directory.

    When you will open the xxx.htm file by browser soft, the java applet AquariumCity would start animation in your browser.

    Kind of parameters and values for individual functions are shown below. More specific html codes for the specific animations are referred to sample pages shown in this site. VirtualPHOTO suggests you to re-use specific html source codes shown in our pages. However GIF or JPEG files should be replaced to yours ones.

    [ Basic ]

    [Essential]

    copyright Either of followings, Essential.
    value="www.javao.com"
    value="www.javao.com"
    regcode Essential.
    value="okohihs-ika-84919040"
    sleeptime Defines CPU wait time. Default is 30ms. ( Option )
    sleep2time ( V3.5) Defines special CPU wait time for Rotate images etc. Default is 100ms. ( Option )
    bgcolor Define background color. e.g, White value="FFFFFF" ( Option )
    background Defines for background image for .gif or .jpg
    value="xxx.gif" etc ( Option )
    widthsize Defines Applet size for width
    value="400" etc ( Option )
    heightsize Defines Applet size for height
    value="200" etc ( Option )
    music ( V2.0 & v3.x ) BackGround Music define audio file( .au ) e.g,
    value="xxx.au" etc ( Option )
    LoadingStatus ( V2.0 & V3.x ) Start animations after download every images
    value="yes" ( Option )
    LoadingFontColor ( V2.0 & V3.x ) Co-use with "loadingstatus!
    value="00FF00" etc ( Option )
    RestartMessage ( V3.x ) Stop/Restart. "message" control function, and define wait time.
    value="200" etc ( Option )
    RestartImage ( V3.x ) Stop/Restart. "image" control function, and define wait time.
    value="200" etc ( Option )
    RestartLayer ( V3.x ) Stop/Restart. "bgrayer" control function, and define wait time.
    value="200" etc ( Option )
    StatusText ( V3.x ) Comment for Status line ( Option )
    value="AquariumCity Jump to " etc
    PopUpMenu ( V3.5 ) Special purpose for PopUpMenu function ( Option ) value="yes"
    Basic sample, Advanced samples
    MouseCursor ( V3.5 ) Special purpose for Mouse HAND cursor ( Option )
    value="yes"
    [Change Images controle] ( V4.0 ) ( Option )
    Supported function for Animation
    ChangeImage
    ( V4.0 )
    Change period for images. Images to be changed be defined as 999 in the x position area, and 3 or more numbers in the sequence 1 or 2 area.
    Sample value="100"
    [ Special control for Lake style function ] ( V4.0 ) ( Option )
    Suported function for Animation
    ReverseImage
    ( V4.0 )
    To be defined for Lake effects. Total 6 classes ( 1, 2, 3, 4, 5 & 6) ( Some image should also be defined in BackGround2) The images being defined in the  BackGround2 area, or The images being defined by Image would be laked.
    Sample value value="3" (Lake style effects be enjoyed)
    Sample value value="1" (Similar to River effects) 

    Lake effects samples
    ReverseLocation
    ( V4.0 )
    To be defined height position within the applet.
    Sample value value="245" ( " 0 " be used for non reverse image)
    ReverseType
    ( V4.0 )
    Special parameter for the control Animation.
    Sample value value="1" (BackGround2 image only)
    Sample value value="2" (Random images or later layer)
    Sample value value="3" (Messages or later layer)
    Sample value value="4" (Layer imates or later layer)
    Sample value value="5" (Reverse all images)
    Default value is ="5"
    ReverseLayer
    ( V4.0 )
    To be defined the numbers of layer for reverse.
    Sample value value="5"
    ReverseRight
    ( V4.0 )
    Move to right. Normally, defines " 1 - 20 " . But should recommend to use the same numbers or less than the figures being defined in ReverseRange value. Its very impact by the numbers.
    Sample value value="1"
    Default value value="1"
    ReverseLeft
    ( V4.0 )
    Move to left. Normally defines " 1 ". This is effected when " 1 " be used in the ReverseImage.
    Sample value value="1"
    Default value="1"
    ReverseRange
    ( V4.0 )
    To be defined Lake effects grade. However, the adjustment within the +- 1-4 be necessary depending on the value of ReverseLocation or applet height.
    Sample value value=" 6"
    Sample value value=" 12"
    Sample value value=" 18"
    Default value="6"

    For further delay of Lake effects, defines 120 or more figures in the SleepTime parameter.
    [ Mouse Special Control ] ( V3.x ) ( Option )
    Additional functions for Mouse Controle
    MouseImage
    ( V3.x )
    Define GIF image file for Mouse option
    Sample value="image/star.gif"
    MouseColor
    ( V3.x )
    Define Color for Mouse option
    Sample value="FFFF00" ( Case yellow )
    MouseNumber
    ( V3.x )
    Mouse control by image. ( Option )
    Sample, value="100" ( In general, 10 - 100 ) Default 10
    MousePower
    ( V3.x )
    Mouse area size ( Option )
    Sample value="100" (In general, 50 - 100)Default 50
    MouseImageSize
    ( V3.x )
    Mouse image size ( Option )
    Sample value="16" (In general, 16 more or less) Default 16
    MouseColorSize
    ( V3.x )
    Mouse Color size ( Option )
    Sample value="2" (In general, 2 - 4 even ) Default 4
    MouseTime
    ( V3.x )
    Mouse period ( Option )
    Sample value="5" (In general, 0 - 10)Default 5
    MouseSound
    ( V3.x )
    Mouse with sound ( Option )
    Sample value="sound/click.au"
    MouseRange
    ( V3.x )
    Layer number ( Option )
    Sample value="5" Non use of the parameter is being set as the ImageNumber
    [ Layer image ]
    ( Lite version excluded )
    ( Option )
    The numbers of 'Layer image' are the same or less than the numbers of the random images
    rayernumber Numbers for Layer [Essential for 'Layer image']
    value="10" etc
    rayerdownmax Turn position at bottom ( Option )
    value="100" etc
    rayerupmax Turn position at top ( Option )
    value="0" etc
    rayerfontcolor Message font color when mouse touch ( Option )
    value="ffffff" white etc
    rayerfonttype Font type when mouse touch e.g,
    value="TimesRoman" ( Option )
    bgrayer Define random Layer image ( Option )

    AquariumCity.class
    xxx.gif | x start | y start | x speed | y speed | x turn | y turn | mouse area x |mouse area y | URL | message | message x adjust | message y adjust | font size |*|

    AquariumCityV2.class, AquariumCityV3.class & AquariumCityV4.class
    xxx.gif | x start | y start | x speed | y speed | x turn | y turn | mouse area x |mouse area y | URL | message | message x adjust | message y adjust | font size | stop at x position | Sequence 1 or 2 | Audio file xxx.au | Message Color |*|

    [ Layer image option ] ( Lite version excluded ) [Option]
    Optional function for Layer image.
    LayerZoomSize ( V3.x ) Zoom option.
    value="100" 100 - 150 recommended.
    LayerZoomNo ( V3.x ) Number of Zoom image
    value="10" etc
    LayerZoomRotate ( V3.x ) Define 1 for the rotate option
    value="1" etc
    [Message」 ( Option )
    The numbers of layer messages are the same or less than the numbers of random images
    shadowfontcolor Shadow message color for shadow option ( Option )
    value="c0c0c0" etc
    shadowstatus Define Shadow message.
    value="yes" ( Option )
    fontstyle Defines Font Style. BOLD PLAIN ITALIC
    e.g,
    value="BOLD" ( Option )
    messagefontcolor Defines Font Color ( Option )
    value="00ff00" etc
    messagefonttype Define Font Type ( Option )
    value="TimesRoman" etc
    messagenumber Numbers for Message layer ( Option ) [Essential in case use]
    value="10" etc
    messagedownmax Turn position at bottom ( Option )
    value="100" etc
    messageupmax Turn position at top ( Option )
    value="0" etc
    message Defines Message ( Option )

    AquariumCity.class
    Message | x start | y start | x speed | y speed | x turn | y turn | font size |*|

    AquariumCityV2.class, AquariumCityV3.class & AquariumCityV4.class
    Message | x start | y start | x speed | y speed | x turn | y turn | font size | stop at x position | Font color (ff0000) |*|

    [ Message special option ] ( Lite version excluded ) ( Option )
    Optional function for "Message".
    MessageZoom ( V3.x ) 1 for MessageZoom option
    value="1"
    MessageZoomNumber ( V3.x ) Message numbers for Zoom
    value="10" etc
    MessageZoomColorRange ( V3.x ) Variable Color number.
    value="3000" etc 300 - 3000 recommended.
    MessageZoomColorDefault ( V3.x ) Fixed Color number.
    value="3000" etc 2500 - 3000 recommended.
    MessageStartFontSize ( V3.x ) Start font size.
    value="10" etc 10 - 16 recommended.
    MessageEndFontSize ( V3.x ) End font size.
    value="16" etc 16 recommended.
    MessageZoomStyle ( V3.x ) Message position. 1:Middle, 2:Right, 3:Left
    value="1" etc
    MessageZoomColorStep ( V3.x ) Variable Color step.
    value="100" etc 100 - 150 recommended.
    MessageAutoPlay ( V3.x ) 1 for Automatic play messages.
    value="1"
    [ Random Image ]

    [Essential]
    movefontcolor Defines Font color ( Option )
    value="ff0000" etc
    movefontsize Defines Font Size.
    value="15" etc. Default is 12 ( Option )
    movefonttype Defines Font type. e.g,
    value="TimesRoman" ( Option )
    movespeed1 Move speed x. Minus is available ( Option )
    value="1" etc
    movespeed2 Move speed y. Minus is available ( Option )
    value="1" etc
    randomx random move x. ( Option )
    value="1" etc Default is 1
    randomy random move y. ( Option )
    value="1" etc Default is 1
    statuschange1 Change status timing parameter 1.
    value="3" etc Default is 3 ( Option )
    statuschange2 Change status timing parameter 2.
    value="1" etc Default is 1 ( Option )
    durationtime Change timing.
    value="6" etc Default is 6 ( Option )
    imagenumber random move image number [Essential]
    value="10" etc
    statuscount random move number from the image of layer.
    value="5" etc Default is 0 ( Option )
    jumpto URL Link ( Option )
    value="index.html" etc
    target URL Link target
    value="_top", value="_self" ( Option )
    downmax Turn position at bottom ( Option )
    value="200" etc
    upmax Turn position at top ( Option )
    value="0" etc
    changedirection Define 'turn by mouse touch option'. ( Option )
    value="yes"
    images

    (or, rimage, image) (*)


    (*)Use "images" in case "image" may not work for AQUA CITY applets.

    Kindly download new applets in this case.
    Define random images [ Essential ]

    AquariumCity.class ( v1.5 )
    xxx.gif | x start | y start | x speed | y speed | x turn | y turn | mouse area x | mouse area y | URL | message | message x adjust | message y adjust |*|

    AquariumCityV2.class ( v2.0 )
    xxx.gif | x start | y start | x speed | y speed | x turn | y turn | mouse area x | mouse area y | URL | message | message x adjust | message y adjust | stop at x position | Sequence 1 or 2 | Audio file xxx.au | Audio Option | font color |*|

    AquariumCityV3.class ( v3.x )
    xxx.gif | x start | y start | x speed | y speed | x turn | y turn | mouse area x | mouse area y | URL | message | message x adjust | message y adjust | stop at x position | Sequence 1 or 2 |Diamond control (0 or 1)| Spin, Zoom option | Size etc | Speed, Angle | font color | Audio file xxx.au | Audio Option |*|

    AquariumCityV4.class ( v4.0 )
    xxx.gif | x start | y start | x speed | y speed | x turn | y turn | mouse area x | mouse area y | URL | message | message x adjust | message y adjust | stop at x position | Sequence 1 or 2. Either change images with value 3 or more |Diamond control (0 or 1)| Spin, Zoom option | Size etc | Speed, Angle | font color | Audio file xxx.au | Audio Option |*|
    Note: Change images option case, value 999 is to be defined in x start position.

    Spin, Zoom Option

    Spin, Zoom option | Size etc| Speed, Angle
    Option 1: Zoom ( Up Down Zoom, Size +- ) sample: |1|-100|0|
    Option 2: Zoom ( Up Down Zoom, Size +- ) sample: |2|100|0|
    Option 3: Zoom ( Up Down Zoom, Size +- ) sample: |3|-100|0|
    Option 4: Spin ( Horizontal, Change images by - speed.
    Recommend: - ) sample: |4|100|-10|
    Option 5: Spin ( Horizontal, Change images by - speed.
    Recommend: - ) sample: |5|100|-10|
    Option 6: Spin ( Vertical, + speed only ) sample: |6|100|10|
    Option 7: Spin ( Vertical, Bottom fixed, + speed only with no change )
    sample: |7|100|10|
    Option 8: Spin (Vertical, Middle fixed, Change images when + speed )
    sample: |8|100|10|
    Option 9: Spin ( Vertical, Upper/Bottom fixed, Change images
    by +- speed ) sample: |9|100|-10|

    v3.5 or later
    Rotate, Zoom option | Size or rotate options(1 - 5 / -1- -5)| Speed, Angle
    Option 10: Rotate ( Zoom, +- speed with reverse )
    sample: |10|1|10|
    Option 11: Rotate ( Zoom, +- speed with reverse )
    Sample: |11|1|10|
    Option 12: Rotate ( Fized angle only. +- speed with reverse )
    sample: |12|1|10|
    Option 13: Rotate ( No Zoom, +- speed with reverse)
    sample: |13|1|10|
    Option 14: Rotate ( No Zoom, +- speed with reverse)
    sample: |14|1|10| Many samples are here
    Note:
    Option 10-14 must be used for one image file.
    A few lines are available with rotate option parameter 1-5.
    In case option parameter -1 - -5,
    another image file can be used for another few lines.

    Option 15: Spin ( No Zoom, +- speed with reverse at left and right end)
    sample: |15|100|20| Sample


    | stop at x position | Sequence 1 or 2 |
    mouse area xy control special function
    [stop at x position] and [sequence 1 or 2] can be used for additional mouse area xy control position with PopUpMenu parameter when x speed and y speed are non as 0.
    Sample is here.

    | message x adjust | message y adjust |Diamond control (0 or 1)|
    DownMax and UpMax control special function
    [message x adjust] and [message y adjust] positions are to be used for DownMax and UpMax special control parameters in addition to set 999 to the "Diamond control area". Sample is here.

    Remarks
    1) Audio parameter and Color parameter differs on V2.0 and V3.x
    2) By pass figure parameter is |0|
    3) Last parameter should be ended by |*|,
    4) | | (Space) is used to bypass Images, URL Link, Messages.
    5) |000000| is used for Color ( V3.x )
    6) |*| is used to bypass Audio file ( V3.x )

    AquariumCityLite.class
    bgrayer, Spin & Zoom options 3,7,8,9,10,11,12,13,14 are excluded

    AquaCity.class
    bgrayer, message, Spin & Zoom options 3,7,8,9,10,11,12,13,14 are excluded
    [ Random Image special option ]
    Move within diamond area
    [ Option ]
    XRange X move rate within diamond area.
    value="4" etc 4 recommended ( Option )
    YRange Y move rate within diamond area.
    value="4" etc 4 recommended ( Option )
    YMiddle Y Middle rate within diamond area. 1/2 of height size recommended
    value="100" etc ( Option )
    UpFree Upper free option. 1/2 of height size recommended.
    value="100" etc ( Option )
    DownFree Down free option. 1/2 of height size recommended.
    value="100" etc ( Option )

    [Option parameter for 'layer image' is as under]


    V2.0 is referred to Here.

    [Option parameter for 'Random images' is as under]


    V2.0 is referred to Here.



       Copyright© 1997-2011 Y.Ichisaka VirtualPHOTO javao.com All Rights Reserved