さて、いよいよJAVAアプレットを作成していきましょう。ここでは基本的なことのみ解説します。
皆さんはこれらをしっかりマスターした上で、自分らしいアプレットを作ってくださいね。
解説に入る前に、次のファイルをあらかじめダウンロードしておいてください。
sample_html.html
これはアプレットの実行方法の時に説明したブラウザで実行するためのHTMLファイルです
今回は、このファイルを使うことを前提として解説します。

文字を表示する

文字を表示するには次のメソッドを使います。
表示したい画面(Graphics).drawString(文字列(String),x座標(int),y座標(int)
まず、アプレットの基本型のところで紹介した、アニメーションしない場合のプログラムを
すべて入力します。そして、paintメソッドの中に、次のように入力します。
g.drawString("HELLO!",200,200);
これだけで完成です。解説を加えると、この命令はアプレット画面(g)に　HELLO!　
という文字列を画面内の座標(200,200)に表示させるというものです。
この座標(200,200)は文字を表示したとき、文字の左下の座標になります。
あと、”作成するjavaファイル名”の部分をを好きな名前に変更してください。
そして、先ほど保存したHTMLファイルと同じ場所にこのjavaファイルを保存します。
そして、実行してクラスファイル（拡張子 .class）を作成してひとまず終了です。
公開するときに使用するプログラムの実行形式のひとつです。

次に先ほど保存したHTMLファイルの中のapplet code="〜"の〜を先ほど作成した
クラスファイルに変更してください。(.classも付けてください)そしてIEで
このHTMLファイルを開いて、　HELLO!　が表示されているかを確認してください。
正しく表示されていれば成功です。表示されない場合はjavaファイルに誤りがあるので、
javaファイルを正しく修正してください。 どうしてもうまくいかない人は、サンプルを置いておくのでこれを参考にしながら試してみてください

サンプル


ソース	sample_01.java
クラスファイル	sample_01.class
HTMLファイル	sample_01.html

図形を描く

図形を描くためのメソッドは描く図形によって異なりますが、使い方はほぼ同じです。
図形を描くためのメソッドは次のとおりです。


四角形	表示したい画面.drawRect(描画開始地点のx座標(int),描画開始地点のy座標(int),図形の横の長さ(int),図形の縦の長さ(int))
円	表示したい画面.drawOval(描画開始地点のx座標(int),描画開始地点のy座標(int),図形の横の長さ(int),図形の縦の長さ(int))

では今回は画面の座標(200,200)から、たての大きさ30,横の大きさ25の四角形を表示するアプレットを作成します。
今回もアニメーションはさせないので、アニメーションしない場合のソースをまず入力（あるいはコピー）します。
そしてpaintメソッド内に次のように入力します。

g.drawRect(200,200,25,30);

そして文字列を表示する　の時と同様の手順でHTMLファイルを開きます。。ちゃんと四角形が表示されましたか？
サンプルのように表示されていれば成功です。

サンプル


ソース	sample_02.java
クラスファイル	sample_02.class
HTMLファイル	sample_02.html

次に円です。画面の座標(200,200)から、たての大きさ50,横の大きさ15の円を表示するアプレットを作成します。
今回もアニメーションはさせないので、アニメーションしない場合のソースをまず入力（あるいはコピー）します。
そしてpaintメソッド内に次のように入力します。

g.drawOval(200,200,15,50);

そして上記と同様の手順でHTMLファイルを開き、アプレットを表示します。ちゃんと円が表示されましたか？
サンプルのように表示されていれば成功です。

サンプル


ソース	sample_03.java
クラスファイル	sample_03.class
HTMLファイル	sample_03.html

図形領域を色付けする

今度は特定の領域を色付けします。これを使えば、背景の色も設定できます。
使用するメソッドは四角形と円とでやはり異なります。


四角形	表示したい画面.fillRect(塗潰し開始地点のx座標(int),塗潰し開始地点のy座標(int),塗潰す領域の横の長さ(int),塗潰す領域の縦の長さ(int))
円	表示したい画面.fillOval(塗潰し開始地点のx座標(int),塗潰し開始地点のy座標(int),塗潰す領域の横の長さ(int),塗潰す領域の縦の長さ(int))

今回は、画面の座標(200,200)から、たての大きさ30,横の大きさ25の四角形を描画し、その図形の中を黒で塗潰して表示するアプレットを作って見ましょう。
今回もアニメーションはさせないので、アニメーションしない場合のソースをまず入力（あるいはコピー）します。
そしてpaintメソッド内に次のように入力します。

g.drawRect(200,200,25,30);
g.fillRect(200,200,25,30);
一つ目の文はわかりますよね？前回も出た、四角形を描画する処理です。
二つ目の文が、図形の中を黒で塗潰す処理です。
そして上記と同様の手順でHTMLファイルを開き、アプレットを表示します。ちゃんと思い通りに表示されましたか？

サンプル


ソース	sample_04.java
クラスファイル	sample_04.class
HTMLファイル	sample_04.html

でもこれでは図形の輪郭と塗潰した領域とが同じ色なのでもうひとつはっきりしません。
やっぱり色を変えたいですよね？それは次の項目で・・・

色の種類について

ここでは、表示させる色を変更する方法を説明します。
使用するメソッドは次のメソッドです。

表示したい画面(Graphics).setColor(塗りつぶしたい色(Colorクラスのインスタンス))

"塗りつぶしたい色(Colorクラスのインスタンス)"には記述方法が２つあります。
方法1　あらかじめ用意されているColorクラスの値を利用する。
代表的な色はすでにColorクラスの値が用意されています。
それを下の表に示します。



青	Color.blue
赤	Color.red
黄色	Color.yellow
緑	Color.green
黒	Color.black
白	Color.white


そのほかにもありますが、このぐらいで。

方法２　新たなColorクラスの値を作成する方法
また、表示したい色のColorクラスの値が用意されてない場合は、新たなColorクラスの値を作成することで、
実現します。このやり方は難しいのでここでは省略します。
では実際に色を変更して見ましょう。前回のたての大きさ30,横の大きさ25の四角形を描画し、その図形の中を黒で塗潰して表示する問題で、
四角形の輪郭を赤で書き、四角形の領域を青で塗りつぶすというアプレットを作成します。（大きさは前回と同じです。）
今回もアニメーションはさせないので、アニメーションしない場合のソースをまず入力（あるいはコピー）します。
そしてpaintメソッド内に次のように入力します。

g.setColor(Color.red);
g.drawRect(200,200,25,30);
g.setColor(Color.blue);
g.fillRect(200,200,25,30);

drawRectはご存知のとおり、四角形を描く部分になりますが、赤で輪郭を描くので、その前に『描画する色を赤にする』という
プログラム部分が必要です。当たり前ですね。それが上の文のg.setColor(Color.red)にあたります。g.setColorで色を変更するという意味に、
Color.redの部分で”赤色に”という意味になります。
fillRectはご存知のとおり、四角形の領域を塗りつぶすプログラム部分ですが、赤ではなく青で塗りつぶすので、『描画する色を青にする』
処理が必要です。それがg.setColor(Color.blue);に相当します。
ちなみに初期設定で最初は黒色が指定されています。ですので指定しない場合は黒色で色づけされます。
アプレットを表示し、確認してみてください。ちゃんと思い通りに表示されましたか？
表示されたときに、左と上の変の輪郭が消えて表示されると思いますが、正しければそうなります。間違いではありません。

サンプル


ソース	sample_05.java
クラスファイル	sample_05.class
HTMLファイル	sample_05.html

文字のフォント・色の指定

次に文字のフォント・色の指定方法を説明します。
フォントについては、次のメソッドを使用します。
表示したい画面(Graphics).setFont(new Font(書体(String),形(int),サイズ(int)))
書体のところでは、フォント名（文字）をそのまま記述します。
形では、ボールド（太字）、イタリック（斜体)、標準（通常）を指定できます。
指定方法は次のとおりです。



太字	Font.BOLD
斜体	Font.ITALIC
標準	Font.PLAIN


最後にサイズですが、整数でポイントで指定します。通常は10.5です。
色の指定については前回説明した色付けの方法と同じで、
文字を書き出す前にsetColorで色を指定します。
では、座標(200,200)から、24ポイントで書体はＭＳ　ゴシック、斜体で色は青の"HELLO!"という 文字を表示するアプレットを作成します。 今回もアニメーションはさせないので、アニメーションしない場合のソースをまず入力（あるいはコピー）します。
そしてpaintメソッド内に次のように入力します。

g.setFont("ＭＳ　ゴシック",Font.ITALIC,24); g.setColor(Color.blue); g.drawString("HELLO!",200,200);

上記と同様にアプレットを表示し、確認してみてください。ちゃんと思い通りに表示されましたか？

サンプル


ソース	sample_06.java
クラスファイル	sample_06.class
HTMLファイル	sample_06.html

画像を表示させる

ここでは、アプレット画面にイメージ画像を表示させる方法を解説します。
イメージ画像を表示させるため、”ここに変数を宣言する”の部分に
Image型の変数をひとつずつ用意します。
（例）
（Image型の宣言）Image im;
そして画像をImage型の変数に格納するために、initメソッド内で次のメソッドを使用します。

getImage(getCodeBase(),画像ファイル名(String));(返り値はImage型)

そして画像を表示させるためには、paintメソッド内で、次のメソッドを使用します

表示したい画面(Graphics).drawImage(表示したい画像(Image),描画開始地点のx座標(int),描画開始地点のy座標(int),this);

それでは下の画像ファイルtest.gifを画面の座標(200,200)に表示させるアプレットを作成してみましょう。
ちなみに表示させたいイメージ画像ファイルはjavaファイルと同じフォルダに保存しておきます。


test.gif

今回もアニメーションはさせないので、アニメーションしない場合のソースをまず入力（あるいはコピー）します。
”ここに変数を宣言する”の部分に次の文を入力します。(imは好きな名前で結構です。)

Image im;

次にinitメソッドで次の文を入力します。

im = getImage(getCodeBase(),"test.gif");

最後にpaintメソッドで次の文を入力します。

g.drawImage(im,200,200,this);

上記と同様にアプレットを表示し、確認してみてください。ちゃんと画像が表示されましたか？

サンプル


ソース	sample_07.java
クラスファイル	sample_07.class
HTMLファイル	sample_07.html

音を鳴らす

ここでは、アプレット画面でサウンドファイルを再生させる方法を紹介します。
サウンドファイルを再生させるため、”ここに変数を宣言する”の部分に
AudioClip型の変数をひとつずつ用意します。
（例）
（AudioClip型の宣言）AudioClip ac;
そしてサウンドをAudioClip型の変数に格納するために、initメソッド内で次のメソッドを使用します。

AudioClip(getDocumentBase(),サウンドファイル名(String));（返り値はAudioClip）

これで準備完了です。
サウンドファイルを再生させるには、次のメソッドを使用します。

再生させたいサウンド(AudioClip).play();

今回、再生させるのをpaintメソッドでやることにします。（本来はpaintメソッドでやるべきではないのですが)
それでは下のサウンドファイルを再生させるアプレットを作成してみましょう。
bomb.wav
今回もアニメーションはさせないので、アニメーションしない場合のソースをまず入力（あるいはコピー）します。
”ここに変数を宣言する”の部分に次の文を入力します。(acは好きな名前で結構です。)

AudioClip ac;

次にinitメソッドで次の文を入力します。

ac = getAudioClip(getDocumentBase(),"bomb.wav");

最後にpaintメソッドで次の文を入力します。

ac.play();

上記と同様にアプレットを表示し、確認してみてください。ちゃんとサウンドが鳴りましたか？

サンプル


ソース	sample_08.java
クラスファイル	sample_08.class
HTMLファイル	sample_08.html