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. |
