「DJGL-STG-画面の表示」の編集履歴（バックアップ）一覧はこちら

「DJGL-STG-画面の表示」(2016/12/21 (水) 20:09:45) の最新版変更点

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

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

*画面の表示
----
今回は準備～画面の表示までです。
ここからよく分からない用語などが出てきます。プログラムを組む上では重要ですが、ゲームを作る上ではあまり重要ではありません。よく分からない項目は読み飛ばして最悪ソースコード写すだけでも大丈夫です。

**準備
----
下記を[[環境構築>>DJGL-環境構築]]を参考に行ってください。
+「firstShooting」という名前のプロジェクトを作る。
+[[ライブラリ>>DJGL-更新履歴]]をプロジェクトで使えるようにする(ビルドパスへ追加)。
+「FIrstShooting」という名前のメインクラスを作成する。
+[[環境構築>>DJGL-環境構築]]のウインドウを表示するプログラムの&bold(){「TestGame」を「FirstShooting」に書き換えて}書き写してウインドウが表示されるか確かめてください。(エラーが出るなら環境構築に失敗しているので、間違ってないか確認してください)

これで最低限の準備ができました。

**クラス
----
　今までupdateとdrawもメインクラスに書いていましたが、本来はMainメソッドのあるクラスと分割したほうがいいです。Javaには複数のテキストファイル(&bold(){クラス})に分けてプログラムを書ける機能があります。クラスはそれぞれがコードの担当箇所を持ち、その担当箇所のコードを記述します。
　それを使ってソースコードを分割して、管理しやすくします。今は短いコードですが、実装していくと長くなって1つのテキストファイルに書いていくとどんどん見づらくなります。最初は複数のテキストファイルを切り替えて見るのがしんどいと思いますが、慣れていきましょう。
-クラスの話は長くなるので割愛します。(必要なところで解説)

**GameSceneクラス
----
&bold(){※ここ以降プログラミングの考え方の話とかが出てくるので、よく分からないと感じた場合は無理に理解しようとしなくて大丈夫です。とりあえずソースコードを写して、後の記事とかの内容やコードを見ながらゆっくり理解していってください。詳しく理解しなくても、使えることができればゲームを作る上であんまり問題無いです。}
　ゲーム全体を管理するクラスを作ります。下記の手順でクラスを作ってください。環境構築のときとほぼ同じですが、自動的にコードを生成する部分を消しています。
+プロジェクトエクスプローラーのプロジェクト内の「src」ディレクトリを右クリック
+出てきたメニューの「新規」にカーソルをあわせる
+サブメニュー内の「クラス」を選択
+「名前」の欄に&u(){「GameScene」}と入力。
+「完了」を押す。

以上の手順はクラスを作るときに毎回行います。「名前」の欄に入れる文字を変えるだけです。この手順は覚えておいてください。

できたJavaファイルに以下のコードを入力してください。やっていることはウインドウの表示のupdateメソッドとdrawメソッドを抜き出しただけです。


//この{{}}内にソースコードを貼り付ければ行番号とJavaのハイライトが付きます
#highlight(linenumber,java){{
import java.awt.Color;

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


public class GameScene implements Updatable{

	public GameScene() {
		
	}

	@Override
	public void update() {
		
	}

	@Override
	public void draw(Drawer d) {
		//ちゃんとクラスを使えてるか確認するための文字描画
		d.setColor(Color.BLUE);
		d.setFontSize(40);
		d.drawString("TEST", 100, 100);
		
	}

}
}}

**GameSceneの解説
----
-updateとdrawを抜き出してdrawで文字を描画するようにしました。
-&bold(){以下難しい話}
-7行目の「imprements Updatable」ですが、これはインターフェースというものです。かんたんに言うと、「Updatableで定義されているメソッドをこのクラスは使えますよ」ということを示すためのものです。imprementsすることを&bold(){実装する}と言い、「imprements A」とされたクラスを「Aを実装したクラス」といいます。
--Updatableで定義されているメソッドはupdateとdrawです。
--これを実装したクラスのみを、GameManagerのsetUpdatableメソッドの引数することができます。


**FirstShootingクラス
----
こちらのクラスはメインメソッドのみにします。かなり短いので、以前のコードから消去するよりも全部消してから1から書いたほうが早いかも。

//この{{}}内にソースコードを貼り付ければ行番号とJavaのハイライトが付きます
#highlight(linenumber,java){{
import densan.s.game.manager.GameManager;
 
 
public class FirstShooting {
 
	public static void main(String[] args) {
		//ゲームを管理するクラスを取得
		GameManager gm = GameManager.getInstance();
		//このメソッドでウインドウを表示する
		//引数はそれぞれ(幅, 高さ, タイトルバーに表示する文字)
		gm.createFrame(800, 600, "シューティングゲーム");
		//更新と描画を担うオブジェクトを設定
		//今はあまり関係ない
		gm.setUpdatable(new GameScene());
	}
 
}
}}
----
ここまで実装できたなら、FirstShootingクラスを実行してみましょう。以下のような画面がでれば成功です。ウインドウが表示されているのに文字が描画されていない場合、GameSceneのdrawメソッドが怪しいです。

//「画像」と書かれているところにアップロードした画像のファイル名を入れれば画像が表示されます。
#ref(スクリーンショット 2016-12-07 19.30.27.png)

**FirstShootingの解説
----
内容はウインドウの表示と更新・描画処理をGameSceneクラスに&bold(){委譲}しているだけで自機このクラス自体はほとんど何もしていません。
※委譲：他のクラスに処理を任せること。オブジェクト指向の用語。

-14行目のGameManager.setUpdatableメソッドに描画・更新処理を任せるクラスを生成(new)して渡すことで勝手にそのクラスに書いた内容が実行されます。
-&bold(){以下難しい話}
-正確にはGameManager.setUpdatableメソッドにUpdatableを実装したクラスを入れることで、そのクラスに更新・描画処理を委譲できます。

**まとめ
----
　これでゲームの画面が表示されました！ライブラリを使っているのでかなり短いコードですみます。ゲームづくりの第一歩です。この画面に自機や敵を追加していってゲームを作っていきます。
　次回は操作できる自機を作ります。

[[次はまだ>URL]]

----
#comment_num2

*画面の表示
----
今回は準備～画面の表示までです。
ここからよく分からない用語などが出てきます。プログラムを組む上では重要ですが、ゲームを作る上ではあまり重要ではありません。よく分からない項目は読み飛ばして最悪ソースコード写すだけでも大丈夫です。

**準備
----
下記を[[環境構築>>DJGL-環境構築]]を参考に行ってください。
+「firstShooting」という名前のプロジェクトを作る。
+[[ライブラリ>>DJGL-更新履歴]]をプロジェクトで使えるようにする(ビルドパスへ追加)。
+「FIrstShooting」という名前のメインクラスを作成する。
+[[環境構築>>DJGL-環境構築]]のウインドウを表示するプログラムの&bold(){「TestGame」を「FirstShooting」に書き換えて}書き写してウインドウが表示されるか確かめてください。(エラーが出るなら環境構築に失敗しているので、間違ってないか確認してください)

これで最低限の準備ができました。

**クラス
----
　今までupdateとdrawもメインクラスに書いていましたが、本来はMainメソッドのあるクラスと分割したほうがいいです。Javaには複数のテキストファイル(&bold(){クラス})に分けてプログラムを書ける機能があります。クラスはそれぞれがコードの担当箇所を持ち、その担当箇所のコードを記述します。
　それを使ってソースコードを分割して、管理しやすくします。今は短いコードですが、実装していくと長くなって1つのテキストファイルに書いていくとどんどん見づらくなります。最初は複数のテキストファイルを切り替えて見るのがしんどいと思いますが、慣れていきましょう。
-クラスの話は長くなるので割愛します。(必要なところで解説)

**GameSceneクラス
----
&bold(){※ここ以降プログラミングの考え方の話とかが出てくるので、よく分からないと感じた場合は無理に理解しようとしなくて大丈夫です。とりあえずソースコードを写して、後の記事とかの内容やコードを見ながらゆっくり理解していってください。詳しく理解しなくても、使えることができればゲームを作る上であんまり問題無いです。}
　ゲーム全体を管理するクラスを作ります。下記の手順でクラスを作ってください。環境構築のときとほぼ同じですが、自動的にコードを生成する部分を消しています。
+プロジェクトエクスプローラーのプロジェクト内の「src」ディレクトリを右クリック
+出てきたメニューの「新規」にカーソルをあわせる
+サブメニュー内の「クラス」を選択
+「名前」の欄に&u(){「GameScene」}と入力。
+「完了」を押す。

以上の手順はクラスを作るときに毎回行います。「名前」の欄に入れる文字を変えるだけです。この手順は覚えておいてください。

できたJavaファイルに以下のコードを入力してください。やっていることはウインドウの表示のupdateメソッドとdrawメソッドを抜き出しただけです。


//この{{}}内にソースコードを貼り付ければ行番号とJavaのハイライトが付きます
#highlight(linenumber,java){{
import java.awt.Color;

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


public class GameScene implements Updatable{

	public GameScene() {
		
	}

	@Override
	public void update() {
		
	}

	@Override
	public void draw(Drawer d) {
		//ちゃんとクラスを使えてるか確認するための文字描画
		d.setColor(Color.BLUE);
		d.setFontSize(40);
		d.drawString("TEST", 100, 100);
		
	}

}
}}

**GameSceneの解説
----
-updateとdrawを抜き出してdrawで文字を描画するようにしました。
-&bold(){以下難しい話}
-7行目の「imprements Updatable」ですが、これはインターフェースというものです。かんたんに言うと、「Updatableで定義されているメソッドをこのクラスは使えますよ」ということを示すためのものです。imprementsすることを&bold(){実装する}と言い、「imprements A」とされたクラスを「Aを実装したクラス」といいます。
--Updatableで定義されているメソッドはupdateとdrawです。
--これを実装したクラスのみを、GameManagerのsetUpdatableメソッドの引数することができます。


**FirstShootingクラス
----
こちらのクラスはメインメソッドのみにします。かなり短いので、以前のコードから消去するよりも全部消してから1から書いたほうが早いかも。

//この{{}}内にソースコードを貼り付ければ行番号とJavaのハイライトが付きます
#highlight(linenumber,java){{
import densan.s.game.manager.GameManager;
 
 
public class FirstShooting {
 
	public static void main(String[] args) {
		//ゲームを管理するクラスを取得
		GameManager gm = GameManager.getInstance();
		//このメソッドでウインドウを表示する
		//引数はそれぞれ(幅, 高さ, タイトルバーに表示する文字)
		gm.createFrame(800, 600, "シューティングゲーム");
		//更新と描画を担うオブジェクトを設定
		//今はあまり関係ない
		gm.setUpdatable(new GameScene());
	}
 
}
}}
----
ここまで実装できたなら、FirstShootingクラスを実行してみましょう。以下のような画面がでれば成功です。ウインドウが表示されているのに文字が描画されていない場合、GameSceneのdrawメソッドが怪しいです。

//「画像」と書かれているところにアップロードした画像のファイル名を入れれば画像が表示されます。
#ref(スクリーンショット 2016-12-07 19.30.27.png)

**FirstShootingの解説
----
内容はウインドウの表示と更新・描画処理をGameSceneクラスに&bold(){委譲}しているだけで自機このクラス自体はほとんど何もしていません。
※委譲：他のクラスに処理を任せること。オブジェクト指向の用語。

-14行目のGameManager.setUpdatableメソッドに描画・更新処理を任せるクラスを生成(new)して渡すことで勝手にそのクラスに書いた内容が実行されます。
-&bold(){以下難しい話}
-正確にはGameManager.setUpdatableメソッドにUpdatableを実装したクラスを入れることで、そのクラスに更新・描画処理を委譲できます。

**まとめ
----
　これでゲームの画面が表示されました！ライブラリを使っているのでかなり短いコードですみます。ゲームづくりの第一歩です。この画面に自機や敵を追加していってゲームを作っていきます。
　次回は操作できる自機を作ります。

[[次：自機の作成>DJGL-STG-自機の作成]]

----
#comment_num2