GridViewerは、GIFやJPEG画像を拡大して、スクロール表示させるための アプレットです。 画像の各ドットがグリッド上に配置されているように見えるので GridViewerです。LEDディスプレイ風に、メッセージを表示させるのに適していると思います。 また、背景画像を表示させたり、縦スクロールや縦横ランダムにスクロールさせることもできます。
ここでは、画像ファイルとして、以下のもの(hana.gif)を使用します。 背景が透明なGIFファイルです。
<applet code="GridViewer.class" width=271 height=91>
<param name="image" value="hana.gif">
<param name="relief" value="raised">
</applet>
グリッドの四角を全て同じ大きさにしなければならないという都合上、 アプレットの上下左右に余白ができる場合があります。 アプレットの描画領域(widthやheight)の大きさをうまく調節してください。
GridViewer10.zip
以下をクリックすると、ソースコードを見ることができます。
GridViewer.java
■ appletタグで指定するパラメータ
名前 | 設定値 | 意味 |
---|---|---|
code | GridViewer.class | クラスファイル名(固定) |
width | 正の整数 | アプレットの横幅(ピクセル数) |
height | 正の整数 | アプレットの縦幅(ピクセル数) |
■ paramタグで指定するパラメータ
name | value | 意味 |
---|---|---|
mode | horizontal | 水平方向にスクロール(デフォルト) |
vertical | 垂直方向にスクロール | |
random | 縦横ランダムにスクロール | |
column | 正の整数 | グリッドの列数(省略した場合、自動的に調節) |
row | 正の整数 | グリッドの行数(省略した場合、自動的に調節) |
gridWidth | 正の整数 | グリッド描画領域の横幅(省略した場合、アプレットの横幅と同じ) |
gridHeight | 正の整数 | グリッド描画領域の縦幅(省略した場合、アプレットの縦幅と同じ) |
gridX | 正の整数 | グリッド描画領域の左上角のX座標(省略した場合、センタリング) |
gridY | 正の整数 | グリッド描画領域の左上角のY座標(省略した場合、センタリング) |
bgColor | 6桁の16進数(RGB値) | グリッドの格子の色(省略した場合、黒) |
fgColor | 6桁の16進数(RGB値) | グリッドの四角の色。画像に透明な領域がある場合のみ有効(省略した場合暗いグレー) |
image | 画像ファイル名 | グリッド描画領域に拡大スクロール表示させる画像ファイル名 |
bgImage | 画像ファイル名 | 背景画像(グリッド描画領域が、アプレットの領域より小さい場合に有効) |
gap | 0以上の整数 | グリッドの格子の幅 |
fillStart | true | グリッド描画領域に最初の部分が表示されている状態からスタートする(デフォルト) |
false | グリッド描画領域に何も表示されていない状態からスタートする | |
relief | plain | グリッドの四角を平板な四角で描画する(デフォルト) |
raised | グリッドの四角を立体的(凸)に描画する(スクロール速度が若干遅くなる) | |
sunken | グリッドの四角を立体的(凹)に描画する(スクロール速度が若干遅くなる) | |
interval | 10以上の整数 | スクロール速度(デフォルトは、20。値が小さいほど速い) |