Java applet AQUA CITY Example
水面の揺れなど、超特訓コーナーへ 水面の揺れ、波なみ トップページへ

( 1)基本となる揺れ 2)左右移動 3)上下移動 4)斜め移動 5)+α メニュー追加 )

「各種揺れながら移動」の元になる「水面の揺れ」画像 を作成
( 大きめサイズで、まず基本の「水面の揺れ」を作成。番号順にご覧頂くと「揺れながら移動」が実現出来ます。 )

( AquaCitySP.class v6.x )

水面の揺れ・波なみ(上記サンプル)で使用したイメージ画像

Step 0 nouvelle/089_0.jpg

サイズ 814 x 563
Click image for large one APPLET AQUA CITY に使用するオリジナル画像
Step 1 nouvelle/089_0.jpg

サイズ 814 x 563
Click image for large one 各種ファイルを読み込み中、暫定的に表示する画像に指定
Step 2 nouvelle/089_2.jpg

サイズ 814 x 207
Click image for large one 水面より上部を Jpeg 画像とした場合。画質の点で GIF より優位なため推奨
Step 3 nouvelle/089_1.gif

サイズ 814 x 563
Click image for large one GIF 画像。透過部分が水面の揺れ
Step 4 nouvelle/089_1.jpg

サイズ 814 x 563
Click image for large one 背景として揺らす画像


AQUA CITY applet パラメタ例
( v6.x マルチスクリーン固有設定部分 )
「ソースコードの複写・転記利用を推奨」

<APPLET CODE="AquaCitySP.class" WIDTH="814" HEIGHT="563">
<PARAM NAME="copyright" value="www.javao.com">
<PARAM NAME="regcode" value="okohihs-ika-84919040">
<PARAM NAME="background2" value="nouvelle/089_0.jpg">
<PARAM NAME="background3" value="nouvelle/089_0.jpg">
<PARAM NAME="bgcolor" value="000000">
<PARAM NAME="sleeptime" value="100">

<PARAM NAME="loadingstatus" value="yes">

<PARAM NAME="ChangeDirection" value="yes">

<PARAM NAME="SwitchTime" value="1">
<PARAM NAME="ReStoreRestart" value="yes">

<PARAM NAME="ReverseImage" value="4">
<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="6">

<!PARAM NAME="downmax" value="563">
<!PARAM NAME="upmax" value="0">

<PARAM NAME="imagenumber" value="7">
<PARAM NAME="images" value="

nouvelle/089_0.jpg|*|,

|1|999|3|6|4|0|0|0| | |1000|0|999|0|0|0|3|6|ffffff| |100|*|,
|*|,
nouvelle/089_1.jpg|0|0|0|0|814|0|0|0| | |0|0|999|0|0|999|0|0|0| |0|0|0|0|0|*|,
nouvelle/089_1.gif|0|0|0|0|814|0|0|0| | |0|0|999|0|0|999|0|0|0| |0|0|0|0|0|*|,
nouvelle/089_2.jpg|0|0|0|0|814|0|0|0| | |0|0|999|0|0|999|0|0|0| |0|0|0|0|0|*|,
|*|,

nouvelle/089_0.jpg|*|,

|1|999|3|6|4|0|0|0| | |1000|0|999|0|0|0|3|6|ffffff| |100|*|,
|*|,
nouvelle/089_1.jpg|0|0|0|0|814|0|0|0| | |0|0|999|0|0|999|0|0|0| |0|0|0|0|0|*|,
nouvelle/089_1.gif|0|0|0|0|814|0|0|0| | |0|0|999|0|0|999|0|0|0| |0|0|0|0|0|*|,
nouvelle/089_2.jpg|0|0|0|0|814|0|0|0| | |0|0|999|0|0|999|0|0|0| |0|0|0|0|0|*|,
|*|">

</APPLET>
<BR>


パラメタ設定方法解説 ( 主に、変更部分 )

<APPLET CODE="AquaCitySP.class" WIDTH="814" HEIGHT="563">

v6.x 用 Height size を参照して、まず、Heightサイズを決めます。
( Height size 参照先 )
<PARAM NAME="copyright" value="www.javao.com">
<PARAM NAME="regcode" value="okohihs-ika-84919040">
<PARAM NAME="background2" value="nouvelle/089_0.jpg">
<PARAM NAME="background3" value="nouvelle/089_0.jpg">

読み込み中表示する画像
<PARAM NAME="sleeptime" value="100">
<PARAM NAME="loadingstatus" value="yes">
<PARAM NAME="ChangeDirection" value="yes">
<PARAM NAME="SwitchTime" value="1">
<PARAM NAME="ReStoreRestart" value="yes">

基本スクリーンはパスのため、最短、1 とします。
<PARAM NAME="ReverseImage" value="4">
<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="6">
マルチスクリーン使用のため、6にします。
<!PARAM NAME="downmax" value="563">
<!PARAM NAME="upmax" value="0">

上下・斜め移動時に設定が必要
<PARAM NAME="imagenumber" value="7">
次項 images で指定(1対表示)する行数の 1/2 の値を設定
<PARAM NAME="images" value="

nouvelle/089_0.jpg|*|,

|1|999|3|6|4|0|0|0| | |1000|0|999|0|0|0|3|6|ffffff| |100|*|,
|*|,
nouvelle/089_1.jpg|0|0|0|0|814|0|0|0| | |0|0|999|0|0|999|0|0|0| |0|0|0|0|0|*|,
nouvelle/089_1.gif|0|0|0|0|814|0|0|0| | |0|0|999|0|0|999|0|0|0| |0|0|0|0|0|*|,
nouvelle/089_2.jpg|0|0|0|0|814|0|0|0| | |0|0|999|0|0|999|0|0|0| |0|0|0|0|0|*|,
|*|,

nouvelle/089_0.jpg|*|,

|1|999|3|6|4|0|0|0| | |1000|0|999|0|0|0|3|6|ffffff| |100|*|,
|*|,
nouvelle/089_1.jpg|0|0|0|0|814|0|0|0| | |0|0|999|0|0|999|0|0|0| |0|0|0|0|0|*|,
nouvelle/089_1.gif|0|0|0|0|814|0|0|0| | |0|0|999|0|0|999|0|0|0| |0|0|0|0|0|*|,
nouvelle/089_2.jpg|0|0|0|0|814|0|0|0| | |0|0|999|0|0|999|0|0|0| |0|0|0|0|0|*|,
|*|">

</APPLET>
<BR>
次の何れかのイメージ定義が可能
image
(JAVA SUN ロゴ未表示)
images
rimage

各パラメタは、上下1対表示

各行の設定値解説は、末尾図解イメージご参照。

なお、 |1|999|3|6|4|・・行より2行下に揺れる背景画像を設定します。


特殊用途(V6.x 〜)用 マルチスクリーン設定パラメタ



登録手続きは、こちら

   Copyright© 2011 Y.Ichisaka VirtualPHOTO javao.com All Right Reserved.