How to use AquariumCity Applet
 「水族館都市アプレット機能別設定- 利用方法概説」


１）ランダム表示

ランダム移動画像の階層表示、アニメの反転、或いは固定位置表示

アプレット枠内イメージ画像移動基本設定
マウス接触時の反転指定設定、メッセージ表示、LINK先等設定
メッセージのフォント指定、色指定
ランダム移動微調整変数定義

２）レイヤー表示

規則的 左右、上下、斜め移動画像の階層表示、或いは固定位置表示

レイヤー画像固定位置表示、移動表示

３）メッセージ表示

規則的 左右、上下、斜め移動メッセージの階層表示、或いは固定位置表示

メッセージの固定位置表示、移動表示

４）機能について

水族館都市アプレット機能別設定・利用パラメタ一覧
水族館都市アプレット機能別比較表
１．アプレット枠内移動基本設定

１）コピーライト、登録コード指定(copyright, regcode V1.5は必須)
  • 未指定時、数分経過後アニメ移動停止。注）V2.0はオプション。

    ２）アプレット枠サイズ指定（width, height, widthsize, heightsize)
  • widthsize/heightsizeは、width/heightサイズより小さい設定が可能

    ３）背景色指定（bgcolor）
  • 背景画像指定時は、背景画像優先

    ４） 枠内の上下移動範囲指定（downmax, upmax）
  • 枠外へはみ出した値の指定も可能

    ５）個々の画像の左右反転範囲指定（image補助パラメタ指定）
  • 枠外へはみ出した値の指定も可能

    ６）個々の画像の移動速度指定（image補助パラメタ指定)
  • マイナス指定時は、逆方向へ移動

    ７）メイン画像指定 seag11.gif (image補助パラメタ指定)
  • imageでメイン画像を１個指定し、反転時の画像を更に１個追加

    ８）反転画像指定 seag1.gif (image補助パラメタ指定)

    ９）移動画像の階層数指定（＝メイン画像数。全画像/2） (imagenumber)
  • この場合、階層数１
  • 画像数が階層定義数の２倍より少ない場合はエラー

    10）処理待時間指定 (sleeptime)
  • sleeptime値 30〜500推奨。値が大の時、移動速度低下

    • <APPLET CODE="AquariumCity.class" WIDTH=250 HEIGHT=100>

    &t;param name="copyright" value="1998,Y.Ichisaka[home.interlink.or.jp/~ichisaka/main.html]">
    &t;param name="regcode" value="okohihs-ika-84919040">
    <param name="sleeptime" value="30">
    <param name="bgcolor" value="000000">
    <param name="widthsize" value="250">
    <param name="heightsize" value="100">

    <param name="imagenumber" value="1">
    <param name="downmax" value="80">
    <param name="upmax" value="0">
    <param name="image" value="
    seag11.gif|100|20|1|-1|190|0|*|,
    seag1.gif">
    </APPLET>
     ※ imageパラメタ: image.gif｜x初期位置｜y初期位置｜x移動速度｜y移動速度｜x反転位置｜y反転位置


    ２. マウス接触時の反転指定 及び LINK先等表示

    １）かもめを２羽に指定 (image, imagenumber)
  • imagenumberで画像数２を指定
  • imageでメイン画像を２個指定し、反転時の画像を更に２個追加
  • image補助パラメタで、画像の移動値を個々に設定
  • 画像数（階層数）制限なし

    ２）マウスで触ると反転する定義を追加 (changedirection)
  • 指定する場合は、changedirection値を "yes"指定
  • 未使用時、changedirection削除、或いは、コメント化

    ３）LINK先指定追加 (jumpto, target, image補助パラメタ)
  • 個々の移動する画像は、image補助パラメタで指定
  • 個々に指定しない場合は "jumpto, target"のみ

    ４）案内表示指定 (image)
  • image補助パラメタで、メッセージ、URLなど指定

    • <APPLET CODE="AquariumCity.class" WIDTH=250 HEIGHT=100>

    &t;param name="copyright" value="1998,Y.Ichisaka[home.interlink.or.jp/~ichisaka/main.html]">
    &t;param name="regcode" value="okohihs-ika-84919040">
    <param name="sleeptime" value="30">
    <param name="bgcolor" value="000000">
    <param name="widthsize" value="250">
    <param name="heightsize" value="100">

    <param name="imagenumber" value="2">
    <param name="downmax" value="80">
    <param name="upmax" value="0">
    <param name="jumpto" value="aquarium_example2_explain.html">
    <param name="target" value="_top">
    <param name="changedirection" value="yes">
     <param name="image" value="
    seag11.gif|100|20|1|-1|190|0|60|20|aquarium_example2_explain.html|Sea Gull|10|0|*|,
    seag11.gif|180|60|1|-1|190|0|60|20|aquarium_example2_explain.html|Sea Gull|10|0|*|,
    seag1.gif,
     seag1.gif">
    </APPLET>
     ※ imageパラメタ: image.gif｜x初期位置｜y初期位置｜x移動速度｜y移動速度｜x反転位置｜y反転位置｜マウス有効x範囲｜マウス有効y範囲｜LINK先｜表示文字｜文字位置x調整｜文字位置y調整


    ３．フォント指定、色指定、背景画像指定

    １）背景画像指定 (background)
  • 背景色指定より優先
  • アプレット枠サイズより小さい背景画像サイズ指定時、縦・横拡大表示
  • 大きなサイズの縦・横拡大表示はブラウザー機能により誤差あり、微調整が必要
  • 縦・横拡大表示時不安定な場合、同一サイズをアプレット枠に指定する必要あり

    ２）フォント色指定 (movefontcolor)

    ３）フォントサイズ指定 (movefontsize)

    ４）フォントタイプ指定 (movefonttype)

    ※全ての階層移動画像に共通に適用される

    • <APPLET CODE="AquariumCity.class" WIDTH=250 HEIGHT=100>

    &t;param name="copyright" value="1998,Y.Ichisaka[home.interlink.or.jp/~ichisaka/main.html]">
    &t;param name="regcode" value="okohihs-ika-84919040">
    <param name="sleeptime" value="30">
    <param name="bgcolor" value="000000">
     <param name="background" value="back13.jpg">
     <param name="widthsize" value="250">
    <param name="heightsize" value="100">

    <param name="imagenumber" value="2">
    <param name="downmax" value="80">
    <param name="upmax" value="0">
    <param name="jumpto" value="aquarium_example2_explain.html">
    <param name="target" value="_top">
    <param name="changedirection" value="yes">
    <param name="movefontcolor" value="FF0000">
    <param name="movefontsize" value="20">
    <param name="movefonttype" value="Arial">
     <param name="image" value="
    seag11.gif|100|40|1|-1|190|0|60|20|aquarium_example2_explain.html|Sea Gull|10|0|*|,
    seag11.gif|180|40|1|-1|190|0|60|20|aquarium_example2_explain.html|Sea Gull|10|0|*|,
    seag1.gif,
    seag1.gif">
    </APPLET>
    ※ imageパラメタ: image.gif｜x初期位置｜y初期位置｜x移動速度｜y移動速度｜x反転位置｜y反転位置｜マウス有効x範囲｜マウス有効y範囲｜LINK先｜表示文字｜文字位置x調整｜文字位置y調整


    ４．ランダム移動微調整変数定義

    １）ランダムに移動する定義を追加 (randomx, randomy)
  • 通常は、いずれも値を１指定（含む、未指定時）

    ２）時間間隔指定。単位は秒 (statuschange1, statuschange2, durationtime)
  • statuschange1値は３を指定（含む、未指定時）
  • statuschange2値は１を指定（含む、未指定時）
  • durationtime値は１を指定。この場合、１秒経過毎に移動がほんのわずか変化

    ３）何羽目(階層数）からランダム移動にするかの指定 (statuscount)

    ４）全階層の画像xy一律移動速度指定時使用 (movespeed1,movespeed2)
  • 個々の画像に指定する場合は、定義不要

    • <APPLET CODE="AquariumCity.class" WIDTH=250 HEIGHT=100>

    &t;param name="copyright" value="1998,Y.Ichisaka[home.interlink.or.jp/~ichisaka/main.html]">
    &t;param name="regcode" value="okohihs-ika-84919040">
    <param name="sleeptime" value="30">
    <param name="bgcolor" value="000000">
    <param name="background" value="back13.jpg">
    <param name="widthsize" value="250">
    <param name="heightsize" value="100">

    <param name="imagenumber" value="2">
    <param name="downmax" value="80">
    <param name="upmax" value="0">
    <param name="jumpto" value="aquarium_example2_explain.html">
    <param name="target" value="_top">
    <param name="changedirection" value="yes">
    <param name="movefontcolor" value="FF0000">
    <param name="movefontsize" value="20">
    <param name="movefonttype" value="Arial">
     <param name="movespeed1" value="1">
    <param name="movespeed2" value="1">
    <param name="randomx" value="1">
    <param name="randomy" value="1">
    <param name="statuschange1" value="3">
    <param name="statuschange2" value="1">
    <param name="durationtime" value="1">
    <param name="statuscount" value="1">
     <param name="image" value="
    seag11.gif|100|40|1|-1|190|0|60|20|aquarium_example2_explain.html|Sea Gull|10|0|*|,
    seag11.gif|180|40|1|-1|190|0|60|20|aquarium_example2_explain.html|Sea Gull|10|0|*|,
    seag1.gif,
    seag1.gif">
    </APPLET>
    ※ imageパラメタ: image.gif｜x初期位置｜y初期位置｜x移動速度｜y移動速度｜x反転位置｜y反転位置｜マウス有効x範囲｜マウス有効y範囲｜LINK先｜表示文字｜文字位置x調整｜文字位置y調整


    ５．メッセージの固定位置表示、移動表示

    １）メッセージのシャドー色指定 (shadowfontcolor)
  • 全メッセージ一律に適用

    ２）メッセージのシャドー指定 (shadowstatus)
  • シャドー指定時、"yes"。未使用時、shadowstatus削除、或いはコメント化
  • 全メッセージ一律に適用

    ３）メッセージフォント色指定 (messagefontcolor)
  • 全メッセージ一律に適用

    ４）メッセージフォント指定 (messagefonttype)
  • 全メッセージ一律に適用

    ５）フォントスタイル指定 (fontstyle)
  • スタイル種類、BOLD, ITALIC, PLAIN

    ６）メッセージおよびフォントサイズ指定 (message補助パラマタ内指定)
  • 個々のメッセージフォントサイズ指定可能

    ７）メッセージの上下移動範囲 (messagedownmax, messageupmax)

    ８）メッセージの階層数指定 (messagenumber)
  • 階層数は、ランダム移動画像階層数同一、或いは以下に制限

    • <APPLET CODE="AquariumCity.class" WIDTH=250 HEIGHT=100>

    &t;param name="copyright" value="1998,Y.Ichisaka[home.interlink.or.jp/~ichisaka/main.html]">
    &t;param name="regcode" value="okohihs-ika-84919040">
    <param name="sleeptime" value="30">
    <param name="bgcolor" value="000000">
    <param name="background" value="back13.jpg">
    <param name="widthsize" value="250">
    <param name="heightsize" value="100">

    <param name="imagenumber" value="2">
    <param name="downmax" value="80">
    <param name="upmax" value="0">
    <param name="jumpto" value="aquarium_example2_explain.html">
    <param name="target" value="_top">
    <param name="changedirection" value="yes">
    <param name="movefontcolor" value="FF0000">
    <param name="movefontsize" value="20">
    <param name="movefonttype" value="Arial">
    <param name="movespeed1" value="1">
    <param name="movespeed2" value="1">
    <param name="randomx" value="1">
    <param name="randomy" value="1">
    <param name="statuschange1" value="3">
    <param name="statuschange2" value="1">
    <param name="durationtime" value="1">
    <param name="statuscount" value="1">
    <param name="image" value="
    seag11.gif|100|40|1|-1|190|0|60|20|aquarium_example2_explain.html|Sea Gull|10|0|*|,
    seag11.gif|180|40|1|-1|190|0|60|20|aquarium_example2_explain.html|Sea Gull|10|0|*|,
    seag1.gif,
    seag1.gif">
    <param name="shadowfontcolor" value="000000">
    <param name="shadowstatus" value="yes">
    <param name="messagefontcolor" value="ffffff">
    <param name="messagefonttype" value="TimesRoman">
    <param name="messagenumber" value="2">
    <param name="messagedownmax" value="300">
    <param name="messageupmax" value="0">
    <param name="message" value="
    [AquariumCity Applet]|20|20|0|0|250|0|20|*|,
     Sea Gull|20|90|0|0|190|0|12|*|">
    </APPLET>
    ※ messageパラメタ: メッセージ｜x初期位置｜y初期位置｜x移動速度｜y移動速度｜x反転位置｜y反転位置｜フォントサイズ


    ６．レイヤー画像固定位置表示、移動表示

    １）レイヤー画像指定 (bgrayer)
  • 左右、上下、斜め移動或いは、固定位置表示に限定
  • 個々の移動値はbgrayer補助パラメタで指定
  • 階層を指定する場合、" , "で区切り指定。（一カンマ、一階層）
  • 枠内ランダム移動画像は image指定で定義

    ２）レイヤー階層数指定 (rayernumber)
  • レイヤー数はランダム移動画像階層数数と同一、或いは以下に制限

    ３）レイヤーイメージ画像の上下移動範囲指定 (rayerdownmax, rayerupmax)

    ４） LINK先指定 (bgrayer補助パラメタ内指定)

    ５） LINK先表示指定 (bgrayer補助パラメタ内指定)

    ６）フォントサイズは個々に指定 (bgrayer補助パラメタ内指定)

    ７）フォント色指定 (rayerfontcolor)
  • 全レイヤーイメージ画像一律に適用

    ８）フォントタイプ指定 (rayerfonttype)
  • 全レイヤーイメージ画像一律に適用

    ※色、タイプはレイヤー階層画像に共通に適用される

    • <APPLET CODE="AquariumCity.class" WIDTH=250 HEIGHT=100>

    &t;param name="copyright" value="1998,Y.Ichisaka[home.interlink.or.jp/~ichisaka/main.html]">
    &t;param name="regcode" value="okohihs-ika-84919040">
    <param name="sleeptime" value="30">
    <param name="bgcolor" value="000000">
    <param name="background" value="back13.jpg">
    <param name="widthsize" value="250">
    <param name="heightsize" value="100">

    <param name="imagenumber" value="2">
    <param name="downmax" value="80">
    <param name="upmax" value="0">
    <param name="jumpto" value="aquarium_example2_explain.html">
    <param name="target" value="_top">
    <param name="changedirection" value="yes">
    <param name="movefontcolor" value="FF0000">
    <param name="movefontsize" value="20">
    <param name="movefonttype" value="Arial">
    <param name="movespeed1" value="1">
    <param name="movespeed2" value="1">
    <param name="randomx" value="1">
    <param name="randomy" value="1">
    <param name="statuschange1" value="3">
    <param name="statuschange2" value="1">
    <param name="durationtime" value="1">
    <param name="statuscount" value="1">
    <param name="image" value="
    seag11.gif|100|40|1|-1|190|0|60|20|aquarium_example2_explain.html|Sea Gull|10|0|*|,
    seag11.gif|180|40|1|-1|190|0|60|20|aquarium_example2_explain.html|Sea Gull|10|0|*|,
    seag1.gif,
    seag1.gif">

    <param name="shadowfontcolor" value="000000">
    <param name="shadowstatus" value="yes">
    <param name="messagefontcolor" value="ffffff">
    <param name="messagefonttype" value="TimesRoman">
    <param name="messagenumber" value="2">
    <param name="messagedownmax" value="100">
    <param name="messageupmax" value="0">
    <param name="message" value="
    [AquariumCity Applet]|20|20|0|0|250|0|20|*|">
    Sea Gull|20|90|0|0|190|0|12|*|">

     <param name="rayernumber" value="2">
    <param name="rayerdownmax" value="100">
    <param name="rayerupmax" value="0">
    <param name="rayerfontcolor" value="ff00FF">
    <param name="rayerfonttype" value="TimesRoman">
    <param name="bgrayer" value="
    guide2.gif|100|20|0|0|200|0|50|80|aquarium_example2_explain.html|Guide|18|67|20|*|,
    guide3.gif|100|20|1|0|300|-80|50|80|aquarium_example2_explain.html|Guide|18|67|20|*|">
     </APPLET>
    ※ bgrayerパラメタ: image.gif｜x初期位置｜y初期位置｜x移動速度｜y移動速度｜x反転位置｜y反転位置｜マウス有効x範囲｜マウス有効y範囲｜LINK先｜表示文字｜文字位置x調整｜文字位置y調整｜フォントサイズ



    「水族館都市アプレット機能別設定・利用パラメタ一覧」

    ［基本部分指定］

    ［必須］

    copyright

    オプション。value="1998,Y.Ichisaka[home.interlink.or.jp/~ichisaka/main.html]"

    regcode

    オプション。value="okohihs-ika-84919040"

    sleeptime

    ＣＰＵの停止時間。単位 ｍｓ ［オプション］

    bgcolor

    背景色の指定。 白色例： value="ffffff"”

    background

    背景にイメージ画像を使用する場合に指定。 ．ＧＩＦ 或いは、 ．ＪＰＧ など。 ［オプション］

    widthsize

    アプレット内、横幅指定 ［必須］

    heightsize

    アプレット内、縦幅指定 ［必須］

    ［レイヤ−画像指定］

    ［オプション］
    階層数はランダム移動イメージ画像数と同じか、それ以下。

    rayernumber

    階層表示イメージ画像数を指定。［使用時、必須］

    rayerdownmax

    下部の反転位置指定 ［オプション］

    rayerupmax

    上部の反転位置指定 ［オプション］

    rayerfontcolor

    マウス選択時、表示される文字色 ［オプション］

    bgrayer

    階層表示イメージ画像指定。 ［オプション］ ［使用時、必須］

    ［メッセージ指定」

    ［オプション］
    階層数はランダム移動イメージ画像数と同じか、それ以下。

    shadowfontcolor

    文字のシャドー表示指定時、シャドー色を指定。［オプション］

    shadowstatus

    文字のシャドー表示指定有無。指定時、 value="yes" ［オプション］

    fontstyle

    文字スタイル指定有無。BOLD PLAIN ITALIC。
    指定時、 value="BOLD" ［オプション］

    messagefontcolor

    文字色 ［オプション］

    messagefonttype

    フォントの種類 ［オプション］

    messagenumber

    文字の階層表示数 ［オプション］［使用時、必須］

    messagedownmax

    下部の反転位置指定 ［オプション］

    messageupmax

    上部の反転位置指定 ［オプション］

    message

    表示する文書 ［オプション］

    ［ランダム移動画像指定］

    ［必須］

    movefontcolor

    文字色 ［オプション］

    movefontsize

    フォントサイズ。固定値 １２ ［オプション］

    movespeed1

    Ｘ 移動速度。マイナス指定も可能 ［オプション］

    movespeed2

    Ｙ 移動速度。マイナス指定も可能 ［オプション］

    randomx

    Ｘ 移動速度ランダム指定。 固定値 １ ［オプション］

    randomy

    Ｙ 移動速度ランダム指定。 固定値 １ ［オプション］

    statuschange1

    ランダム指定時の時間監視時のタイミング値。
    固定値 ３ ［オプション］

    statuschange2

    ランダム指定時の時間監視時のタイミング値。
    固定値 １ ［オプション］

    durationtime

    ランダム指定時のイメージ画像移動変更タイニング時間。
    固定値 ６ ［オプション］

    imagenumber

    ランダム移動イメージ画像階層数 ［必須］

    statuscount

    何階層目のイメージ画像からランダム移動させるかの階層指定。
    固定値 ０ ［オプション］

    jumpto

    LINK先指定 ［オプション］

    target

    LINK先ターゲット指定 value=”_top” value=”_self” ［オプション］

    downmax

    下部の反転位置指定 ［オプション］

    upmax

    上部の反転位置指定 ［オプション］

    changedirection

    マウス選択時のイメージ画像反転指定有無。指定時、value="yes"

    image

    ランダム移動イメージ画像指定 [必須]


    ［レイヤーイメージ画像オプションパラメタ指定は、下記ご参照］


    ［ランダム移動イメージ画像オプションパラメタ指定は、下記ご参照］




    「水族館都市アプレット機能別比較表」

    比較項目

    階層表示優先順位

    画像表示機能

    ラ
    ン
    ダ
    ム
    移動機能

    左右移動機能

    上下移動機能

    斜め移動機能

    マ
    ウ
    ス
    接触反転機能

    画像反転表示機能

    固定位置表示機能

    メ
    ッ
    セ
    ｜
    ジ
    表示機能

    マ
    ウ
    ス
    接触表示機能

    フ
    ォ
    ン
    ト
    色指定機能

    フ
    ォ
    ン
    ト
    タ
    イ
    プ
    指定機能

    フ
    ォ
    ン
    ト
    サ
    イ
    ズ
    指定機能

    フ
    ォ
    ン
    ト
    シ
    ャ
    ド
    ｜
    指定機能

    Ｕ
    Ｒ
    Ｌ
    指定機能

    ランダム表示 [image]

    １

    ○

    ○

    ○

    ○

    ○

    ○

    ○

    ○

    △

    ○

    ○

    ○

    △

    Ｘ

    ○

    レイヤー表示 [bgrayer]

    ２

    ○

    Ｘ

    ○

    ○

    ○

    Ｘ

    Ｘ

    ○

    △

    ○

    ○

    ○

    ○

    ○

    ○

    メッセージ表示 [message]

    ３

    Ｘ

    Ｘ

    ○

    ○

    ○

    Ｘ

    Ｘ

    ○

    ○

    Ｘ

    ○

    ○

    ○

    ○

    Ｘ
    注）○印：可能 △印：限定 Ｘ印：不可能


    ★ 「 お 願 い 」 ★

    VirtualPHOTOホームページで使用している一部の素材は著作権上、配布することが 出来ないため、本説明より削除させていただきました。必要な場合は下記の素材集を ご購入の上、ご利用下さい。

    書籍名：ホームページ素材集 PACK ９０００ ビジネス編
    著 者：株式会社 Ｃ ＆ Ｒ 研究所
    発行所：株式会社 ナツメ社


    E-Mail: ichisaka@interlink.or.jp Copyright(c) 1997 Y.Ichisaka