JAVA APPLET【水面の揺れ波化の詳細設定】実に綺麗 AQUA CITY APPLETS

( AquariumCityLite.class v4.x )

Images being used.

( 2009年 7月 19日改定 )

1. html コード作成・利用方法 (超簡単）
2. 枠内移動基本設定
3. マウス接触時の反転、LINK先等表示
4. フォント指定、色指定、背景指定
5. ランダム移動微調整変数指定
6. メッセージの固定位置表示、移動表示
7. レイヤー画像固定位置表示、移動表示

8. 特定位置停止、交互表示、サウンド他 (v2.0)
9. 機能別パラメタ一覧 (v1.5 v2.0 v3.x, 4.0～)

10. 最新バージョン特訓コーナー

　　　（波化機能設定方法など）

湖川海波効果 (v4.0～) ( 画像の波なみ化、設定詳細）
※ 水面の揺れ・流れ調整用波なみ化時のHEIGHTサイズ一覧表　は、こちら ※

１)　HTML ソースコード

<APPLET CODE="AquariumCityLite.class" WIDTH=492 HEIGHT=422>　　　←HEIGHT値(上下左右流れの方向調整）
<PARAM NAME="copyright" value="www.javao.com">
<PARAM NAME="regcode" value="okohihs-ika-84919040">
<PARAM NAME="background2" value="image/taki0_1.jpg">　　　←背景として揺らす画像
<PARAM NAME="bgcolor" value="000000">
<PARAM NAME="sleeptime" value="100">

<PARAM NAME="loadingstatus" value="yes">　←全て読み込んだ後、表示を開始する設定

<PARAM NAME="MouseImage" value="image/sxx99.gif">　←マウスイメージ設定のオプション機能で、通常は設定しないもの（単なるご参考）
<PARAM NAME="MouseNumber" value="5">　　　　　　　　（　使用しない場合は、５行全て削除しておきます。なお、v6.x～でのご利用は、
<PARAM NAME="MousePower" value="170">　　　　　　　　　追加設定が必要です。詳しくは、こちらをご参照下さい。)
<PARAM NAME="MouseImageSize" value="32">
<PARAM NAME="MouseTime" value="0">

<PARAM NAME="ReverseImage" value="3">　　　←通常、３か４推奨（揺れ・流れの強度）
<PARAM NAME="ReverseLocation" value="0">
<PARAM NAME="ReverseType" value="1">
<PARAM NAME="ReverseLayer" value="1">
<PARAM NAME="ReverseRight" value="1">　　　←通常、１推奨(揺れ・流れ強度補正用）
<PARAM NAME="ReverseLeft" value="1">
<PARAM NAME="ReverseRange" value="7">　　 ←通常、７固定（強度同期調整用）

<PARAM NAME="imagenumber" value="2">　　　← images 数の　1/2を設定
<PARAM NAME="images" value="　　　　　　　　　 ← 上下一対表示

image/taki0_1.gif|*|,
|*|,

image/taki0_1.gif|*|,
|*|">

</APPLET>

　　　※ imagenumber, image value 値の解説

　　　※ 各種ファイルの格納方法例　(上記サンプル例）

　　　　　　・上記サンプルは、xxx.html ソースファイル、xxx.class ファイルをサーバー直下に保管。
　　　　　　　画像ファイルは、サーバー内にサブフォルダー（フォルダー名：image)を作成の上、保管している例です。
　　　　　　　（上記コードの太字部分をご参照）

　　　　　　・xxx.html ソースファイル、xxx.class ファイル、画像ファイルを全てサーバー直下に保管する場合は、
　　　　　　　ソースコード中の　image/　部分を削除してください。ソースコードの定義と実際の画像の
　　　　　　　名前(含む、大文字・小文字の別 - ファイル拡張子）が異なると、ファイルが見当たらないことに
　　　　　　　なりますので、格納場所とソースコードの記述には注意が必要です。

　　　　　　・上記例では、Applet AquariumCityLite.class を使用した設定です。AquariumCityV4.class を使用する場合も、同じです。

２)画像の準備方法

　（１）波化したい画像を選定の上、サイズを　XXX.JPEG　形式で準備します。
　　　

上記の場合は、

　( taki0_0.jpg )

　（２）次にGIF透明化ツールを使用して波化したい部分を消し、透明化します。

波化部分の境目で消すか、２～３ピクセル多めに残し、消します。一方、境目が大まかな同一系統の色の場合は、大胆に、且つ、多めに残してかまいません。( 線引きツール利用を推奨）

　( taki0_1.gif )

　（３）水面の揺れ背景画像の準備

最後に、taki0_1.jpg 画像は「波なみ」の具合が確定した最終段階で波なみの不自然な箇所があれば、波化しない画像側２～５ピクセル多めに、境目の色で塗りつぶします。

下記は taki0_1.gif でカバーされている部分を更に大胆に塗りつぶしたものです。（KB サイズが小さくなります。）

　( taki0_1.jpg )

３)　湖川海波効果制御コードの設定方法（その他の応用サンプルこちらも必見）

　（１）HEIGHT値で上下左右の流れ向き調整　(重要）　　　　参照先⇒「HEIGHTサイズ例一覧表」

手順１　　「波なみ化時のHEIGHTサイズ例一覧表」に沿い、HEIGHT値を決めます。特に問題なければ
　　　　　　これで完了です。

　　　　　　　　(注：Height値は、オリジナル画像のHeight値同等か小さい値にすること）

<APPLET CODE="AquariumCityLite.class" WIDTH="492" HEIGHT="422">

<APPLET CODE="AquariumCityLite.class" WIDTH="492" HEIGHT="424">

手順２　　問題がある場合はHEIGHT値（偶数の場合）を、-２毎に減額の上、流れを確認します。

　　　　　　調整を簡単にするため「波なみ化時のHEIGHTサイズ例一覧表」を準備しています。

　　　　　　この表を活用されると画像の初期HEIGHTサイズ ①、或いは－２減額の②で、流れ調整完了。

下記は Height値に誤りがある例 ⇒　同期が取れていない、揺れ・流れが不安定

<APPLET CODE="AquariumCityLite.class" WIDTH="492" HEIGHT="420">

　（２）ReverseImage (値 1 ～ 5）波の流れの種類の指定　(重要）

設定値種類

０：静止
１：静止
２：滑らかな流れ
３：滑らかな流れ　（推奨）
４：更に強調　（推奨）
５：更に強調
６：緩やかな特殊な流れ

　（３）ReverseLocation アプレット枠内で、反転する位置(Height)を指定

<PARAM NAME="ReverseLocation" value="0">

０を指定すると、全画面が水面の揺れ・流れ効果対象となります。０以外の場合は、指定位置より上部部分を反転の上、波なみする上下反転用途。（別ページご参照）

非推奨部分↓　＊＊これ以降は、更に水面の揺れ・流れ調整テクニックを極めたい方向け＊＊　↓非推奨部分

　（４）ReverseType (値 1 ～ 5）波の流れ効果の階層指定

<PARAM NAME="ReverseType" value="1">

設定値種類

１：Background、Background2で指定する背景画に限定　(推奨）
２：背景画　及び、Imageで指定する画像に限定　
３：背景画　及び、Image、並びにMessage表示に限定
４：背景画　Image、Message、BGRAYERで指定する画像に限定
５：全てが対象

　（５）ReverseLayer (階層値）波の流れ効果の階層指定

指定した階層までを反転、流れ化します。上記例では、１階層のみゆえ、１。

　（６）ReverseRight 波の流れ効果の横の強度を指定

１からReverseRangeで指定する値までの範囲で、調整します。

上記例では、４。

　（７）ReverseLeft 波の流れ効果の横の規模を指定。

但し、ReverseImage １、且つ、ReverseLocation ０以外に限定のもの

１限定のため、設定しても無効。

　（８）ReverseRange (値 5～18）波の流れ効果の規模を指定　(重要。７固定を推奨）

<PARAM NAME="ReverseRange" value="7">

５から１８位までの間、順次数字を増やし、ゆっくりとした流れの最適値を探します。上記例では、７が相応しいと思われるもの。

７以外に設定する場合は、ReverseRange値及び、HEIGHT値、双方を辛抱強く調整し、最適な流れを見つける必要があります。

【 登録手続きは、こちら 】