「DJGL-文字の描画」の編集履歴（バックアップ）一覧はこちら

「DJGL-文字の描画」(2016/10/06 (木) 23:16:45) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

*文字の描画
----
このページでは文字の描画について解説します。基本的なことは図形の描画と同じです。
まずは以下のソースコードを打ち込んでみましょう。
**

----

#highlight(linenumber,java){{
i
import java.awt.Color;

import densan.s.game.drawing.Drawer;
import densan.s.game.manager.GameManager;
import densan.s.game.manager.Updatable;


public class TestGame implements Updatable {

	//初期化
	public TestGame() {
		// まだ使わない
	}
	//描画
	@Override
	public void draw(Drawer d) {
		//色の設定
		//青に
		d.setColor(Color.BLUE);
		//塗りつぶした四角形を描画(X座標、Y座標、幅、高さ)
		d.fillRect(100, 200, 100, 200);
		//色を赤に
		d.setColor(Color.RED);
		//円の輪郭を描画(X座標、Y座標、半径)
		d.drawCircle(200, 400, 100);
		//------------
		//変更点開始
		/////////////////
		//比較用の赤線
		d.drawLine(0, 50, 800, 50, 1);
		//フォントサイズ指定
		d.setFontSize(20);
		//黒
		d.setColor(Color.BLACK);
		//左下座標を指定して文字を描画
		d.drawString("黒文字L", 0, 50);
		//中心を指定して文字を描画
		d.drawStringCenter("黒文字C", 400, 50);
		//右下座標を指定して文字を描画
		d.drawStringRight("黒文字R", 800, 50);
		//フォントサイズ指定
		d.setFontSize(200);
		//オレンジ
		d.setColor(Color.ORANGE);
		//中心に大きく描画
		d.drawStringCenter("中心", 400, 300);
		/////////////////
		//変更点終了
		//------------

	}
	//更新
	@Override
	public void update() {
		// まだ使わない

	}
	//初期化
	public static void main(String[] args) {
		//ゲームを管理するクラスを取得
		GameManager gm = GameManager.getInstance();
		//このメソッドでウインドウを表示する
		//引数はそれぞれ(幅, 高さ, タイトルバーに表示する文字)
		gm.createFrame(800, 600, "テストゲーム");
		//更新と描画を担うオブジェクトを設定
		gm.setUpdatable(new TestGame());
	}

}






}}

このコードを実行すると画像のようになります。

#ref(スクリーンショット 2016-09-21 20.14.10.png)

**解説
----
今回も書き加えたのはdrawメソッドの中身ぐらいです。(30～47)
前回説明したメソッドの詳細は省きます。
-33行目のsetFontSizeは描画する文字のサイズを指定します。
--引数にサイズの数値を指定します。
--サイズは縦幅が数値と同じピクセルぐらいになります。
---文字やフォントによってかなり違うのでちょっとずつ変えてって確かめたほうが良いです。
--デフォルトのサイズは変更される可能性がある上に、別の場所でサイズを変えるとそのサイズが次のループでも適用されます。かんたんなデバック出力以外ではできるだけサイズを指定しましょう。
-37～41行目のdrawString,drawStringCenter,drawStringRightメソッドは文字を描画するメソッドです。
--すべて引数は(描画する文字列、X座標、Y座標)です。
--それぞれの違いは指定した座標からどう文字を描画するかです。
---drawString:指定した座標が文字の&bold(){左下}になります。つまり左詰めでベースライン（文字の下端）指定です。
---drawStringCenter:指定した座標が文字の中心になります。つまり中央揃えで&bold(){センターライン}（文字の中心）指定です。このメソッドは他と違って縦も中心に合わせるので注意してください。
---drawStringRight:指定した座標が文字の右下になります。つまり右詰めでベースライン指定です。
--文字の近くを通っている赤い線がメソッドで指定してるY座標を示しているのでそれを参考にするとわかりやすいです。
--文字は図形と違ってY座標は基本的に&bold(){下側}を指定することに注意してください。
-文字描画でもsetColorで指定した色が引き継がれます。
-文字関連ではsetFontというメソッドも存在します。フォントを指定するメソッドです。自作フォントなんかも指定できます。
--。詳細は[[setFontのjavaDoc>>http://kiki33.bitbucket.org/densan/s/game/drawing/Drawer.html#setFont-java.awt.Font-]]とその引数に指定する[[FontのJavaDoc>>https://docs.oracle.com/javase/jp/8/docs/api/java/awt/Font.html]]を参照してください。
--FontについてはJavaの標準ライブラリのクラスなのでググればいろいろ出てきます。ただしjava.awt.Fontであることを確かめたほうが良いです。（別パッケージで同じ名前のクラスが他にある）
-Drawerについて詳しくは[[>>http://kiki33.bitbucket.org/densan/s/game/drawing/Drawer.html]]


**まとめ
----
　今回は文字描画について解説しました。こちらはゲームでも普通に使います。ただ、見た目を重視するならちゃんとしたフォントを使ったりフォントを自作したり数字とかは画像にしたりします。ただ扱いがかんたんなのでデバック出力とかに便利です。

*文字の描画
----
このページでは文字の描画について解説します。基本的なことは図形の描画と同じです。
まずは以下のソースコードを打ち込んでみましょう。
**

----

#highlight(linenumber,java){{
i
import java.awt.Color;

import densan.s.game.drawing.Drawer;
import densan.s.game.manager.GameManager;
import densan.s.game.manager.Updatable;


public class TestGame implements Updatable {

	//初期化
	public TestGame() {
		// まだ使わない
	}
	//描画
	@Override
	public void draw(Drawer d) {
		//色の設定
		//青に
		d.setColor(Color.BLUE);
		//塗りつぶした四角形を描画(X座標、Y座標、幅、高さ)
		d.fillRect(100, 200, 100, 200);
		//色を赤に
		d.setColor(Color.RED);
		//円の輪郭を描画(X座標、Y座標、半径)
		d.drawCircle(200, 400, 100);
		//------------
		//変更点開始
		/////////////////
		//比較用の赤線
		d.drawLine(0, 50, 800, 50, 1);
		//フォントサイズ指定
		d.setFontSize(20);
		//黒
		d.setColor(Color.BLACK);
		//左下座標を指定して文字を描画
		d.drawString("黒文字L", 0, 50);
		//中心を指定して文字を描画
		d.drawStringCenter("黒文字C", 400, 50);
		//右下座標を指定して文字を描画
		d.drawStringRight("黒文字R", 800, 50);
		//フォントサイズ指定
		d.setFontSize(200);
		//オレンジ
		d.setColor(Color.ORANGE);
		//中心に大きく描画
		d.drawStringCenter("中心", 400, 300);
		/////////////////
		//変更点終了
		//------------

	}
	//更新
	@Override
	public void update() {
		// まだ使わない

	}
	//初期化
	public static void main(String[] args) {
		//ゲームを管理するクラスを取得
		GameManager gm = GameManager.getInstance();
		//このメソッドでウインドウを表示する
		//引数はそれぞれ(幅, 高さ, タイトルバーに表示する文字)
		gm.createFrame(800, 600, "テストゲーム");
		//更新と描画を担うオブジェクトを設定
		gm.setUpdatable(new TestGame());
	}

}






}}

このコードを実行すると画像のようになります。

#ref(スクリーンショット 2016-09-21 20.14.10.png)

**解説
----
今回も書き加えたのはdrawメソッドの中身ぐらいです。(30～47)
前回説明したメソッドの詳細は省きます。
-33行目のsetFontSizeは描画する文字のサイズを指定します。
--引数にサイズの数値を指定します。
--サイズは縦幅が数値と同じピクセルぐらいになります。
---文字やフォントによってかなり違うのでちょっとずつ変えてって確かめたほうが良いです。
--デフォルトのサイズは変更される可能性がある上に、別の場所でサイズを変えるとそのサイズが次のループでも適用されます。かんたんなデバック出力以外ではできるだけサイズを指定しましょう。
-37～41行目のdrawString,drawStringCenter,drawStringRightメソッドは文字を描画するメソッドです。
--すべて引数は(描画する文字列、X座標、Y座標)です。
--それぞれの違いは指定した座標からどう文字を描画するかです。
---drawString:指定した座標が文字の&bold(){左下}になります。つまり左詰めでベースライン（文字の下端）指定です。
---drawStringCenter:指定した座標が文字の中心になります。つまり中央揃えで&bold(){センターライン}（文字の中心）指定です。このメソッドは他と違って縦も中心に合わせるので注意してください。
---drawStringRight:指定した座標が文字の右下になります。つまり右詰めでベースライン指定です。
--文字の近くを通っている赤い線がメソッドで指定してるY座標を示しているのでそれを参考にするとわかりやすいです。
--文字は図形と違ってY座標は基本的に&bold(){下側}を指定することに注意してください。
-文字描画でもsetColorで指定した色が引き継がれます。
-文字関連ではsetFontというメソッドも存在します。フォントを指定するメソッドです。自作フォントなんかも指定できます。
--。詳細は[[setFontのjavaDoc>>http://kiki33.bitbucket.org/densan/s/game/drawing/Drawer.html#setFont-java.awt.Font-]]とその引数に指定する[[FontのJavaDoc>>https://docs.oracle.com/javase/jp/8/docs/api/java/awt/Font.html]]を参照してください。
--FontについてはJavaの標準ライブラリのクラスなのでググればいろいろ出てきます。ただしjava.awt.Fontであることを確かめたほうが良いです。（別パッケージで同じ名前のクラスが他にある）
-Drawerについて詳しくは[[>>http://kiki33.bitbucket.org/densan/s/game/drawing/Drawer.html]]


**まとめ
----
　今回は文字描画について解説しました。こちらはゲームでも普通に使います。ただ、見た目を重視するならちゃんとしたフォントを使ったりフォントを自作したり数字とかは画像にしたりします。ただ扱いがかんたんなのでデバック出力とかに便利です。
----
#comment_num2