Java applet AQUA CITY Example

水面の揺れなど、超特訓コーナーへ 画像で見る高品質な「波なみ」作成テクニック(初級・中級・上級偏) トップページへ

2009年 7月 20日 改定
前提知識
 画像の波なみ化、超簡単設定
 画像の波なみ化、設定詳細

1)JPEG、GIF 各1枚の標準設定(ごく一般的な簡易設定)

ソースコード(標準例)
 画像により、空、肌部分が減色により劣化が目立つ場合あり

画像の劣化が目立つ部分

 ・空
 ・肌
 ・船、ヨットなどの側面

追求 ポイント 1: ⇒透過GIF に替え、PNG-24 ( Alpha transparent png-24 )を使用してみる

 1)高品質な波なみ作成例


   png-24 ( Alpha Transparent png ) フリーソフト: PictBear


留意点:

比較的楽に、高品質の水面の揺れが実現できます。

但し、画質によりますが KB サイズが比較的大きめになります。

KB サイズ的に大きくなる場合は、Jpeg ファイルに一部、切り抜きを行うなど、工夫が必要な場合があります。
ソースコード(高品質例)

オリジナルからの抜き出しファイル及び設定例

(1)06026_1.png ⇒ corse/06026_1.png|*|,
 

(2)06026_2.jpg ⇒ corse/06026_2.jpg|*|,
 

(3)06026_1.jpg ⇒ corse/06026_1.jpg|*|,
 


追求 ポイント 2: ⇒劣化が目立つ部分を抜き出しの上、複数のJPEGファイルを使用


2)高品質な「波なみ」作成例


留意点:

高品質な水面の揺れが実現できます。

一方では、KB サイズが比較的軽めになりますが複数のJpeg ファイルの切り抜き設定が必要なため、設定が煩雑になります。(熟練者向け)

ソースコード(高品質例)
 オリジナル画像からの抜き出し箇所及び設定




オリジナルからの抜き出しファイル及び設定例

(1)6026_7.jpg ⇒ corse/6026_7.jpg|*|,
 

(2)6026_6.jpg ⇒ corse/6026_6.jpg|0|328|0|0|498|0|0|0|*|,
 

(3)6026_5.jpg ⇒ corse/6026_5.jpg|469|273|0|0|498|0|0|0|*|,
 

(4)6026_4.jpg ⇒ corse/6026_4.jpg|196|341|0|0|498|0|0|0|*|,
 

(5)6026_3.jpg ⇒ corse/6026_3.jpg|411|268|0|0|498|0|0|0|*|,
 



その他、
(6)背景画像 6026_8.jpg ⇒ backgroundに設定



(7)GIF透明化ファイル 6026_8.gif ⇒ corse/6026_8.gif|*|,


諸設定補足


登録手続きは、こちら
   Copyright© 2011 Y.Ichisaka VirtualPHOTO javao.com All Right Reserved.