プロジェクト作成

ゲームプログラミング講習
第3章ゲーム作成
ブロック崩しを作ります
ゲームプログラミング講習第3章ゲーム作成
1
作るゲーム
 ブロック崩し
ゲームプログラミング講習第3章ゲーム作成
2
今回やること
プロジェクト作成
素材ダウンロード
プログラミング
ソースコードを作るコツ
練習問題
ゲームプログラミング講習第3章ゲーム作成
3
プロジェクト作成
ゲームプログラミング講習第3章ゲーム作成
4
プロジェクト作成
1. Visual Studio を起動
2. 「新しいプロジェクト」
ゲームプログラミング講習第3章ゲーム作成
5
プロジェクト作成
3. 「Visual C++」
4. 「DXライブラリプロジェクト」
5. 「ブロック崩し」を入力
6. 「OK」
ゲームプログラミング講習第3章ゲーム作成
6
プロジェクト作成
7. 「ソースファイル」をダブルクリック
8. 「Main.cpp」をダブルクリック
ゲームプログラミング講習第3章ゲーム作成
7
プロジェクト作成
9. 「プロジェクト」
10. 「ブロック崩しのプロパティ」
ゲームプログラミング講習第3章ゲーム作成
8
プロジェクト作成
11. 構成を「すべての構成」にする
12. 「デバッグ」
13. 作業ディレクトリに
「$(OutDir)」を入力
（ProjectDir を OutDir にする）
14. 「OK」
 もしこの設定を忘れると、画像ファイ
ルなどのロードができません
ゲームプログラミング講習第3章ゲーム作成
9
プロジェクト作成
15. Ctrl + F5 を押す
16. 「はい」
17. 真っ黒なウィンドウが出る
18.完了！
19. （ウィンドウを閉じる）
ゲームプログラミング講習第3章ゲーム作成
10
素材ダウンロード
ゲームプログラミング講習第3章ゲーム作成
11
素材ダウンロード
1. 「エクスプローラー」を開く
2. ドキュメント →
→ ブロック崩し
Visual Studio 2015
→ Debug
→
Projects
 （このように、保存する場所をあらかじめ開きます）
ゲームプログラミング講習第3章ゲーム作成
12
素材ダウンロード
3. 「ゲームプログラミング講習」へ移動
4. 「image.zip」
5. 「ファイルを開く」
ゲームプログラミング講習第3章ゲーム作成
13
素材ダウンロード
6. このようにエクスプロー
ラー2つを表示させる
ゲームプログラミング講習第3章ゲーム作成
14
素材ダウンロード
7. ドラッグ＆ドロップ
 赤い矢印の通りに、マウス
をクリックしながら移動
ゲームプログラミング講習第3章ゲーム作成
15
素材ダウンロード
8. 「OK」
9.完了！
ゲームプログラミング講習第3章ゲーム作成
16
プログラミング
ゲームプログラミング講習第3章ゲーム作成
17
最初の状態
 プロジェクトを作成した直後は、このよ
うに真っ黒なウィンドウが出るだけ
ゲームプログラミング講習第3章ゲーム作成
18
最初の状態（解説）
プログラ
ム開始
DXライブ
ラリ初期化
できた？
×
プログラム
終了
 表画面：普通の画面
○
ウィンドウ
がある？
× DXラ
イブラ
リ終了
プログラ
ム終了
○
裏画面を
表画面に
反映
裏画面を消去
（真っ黒）
 裏画面：表示しない画面
ゲームプログラミング講習第3章ゲーム作成
19
最初の状態（解説）
表画面
裏画面
 表画面：普通の画面
 裏画面：表示しない画面
ゲームプログラミング講習第3章ゲーム作成
20
プログラミング
1. 「ゲームプログラミング講習」へ移動
2. 「ブロック崩しのソースコード」を開く
3. コピペ
4. 実行
ゲームプログラミング講習第3章ゲーム作成
21
ブロック崩しのフローチャート
プログラ
ム開始
DXライブ
ラリ初期化
できた？
○
× DXラ
イブラ
リ終了
プログラ
ム終了
○
×
プログラム
終了
描画
ゲームプログラミング講習第3章ゲーム作成
ロード
ウィンドウ
がある？
裏画面を
表画面に
反映
裏画面を消去
（真っ黒）
裏画面にブ
ロックを描く
バーの
座標を計算
裏画面に
ボールを描く
ボールの
座標を計算
裏画面に
バーを描く
対象のブロッ
クを消す
ゲーム
進行
22
ソースコードを作るコツ
ゲームプログラミング講習第3章ゲーム作成
23
バーだけ作る
 ブロック崩しのバーを作ることだけを考える
 バーの作り方は、バー以外でも共通する部分が多い
 もしバーが作れたら、バー以外も同じように作れる
ゲームプログラミング講習第3章ゲーム作成
24
ブロック崩し（バーのみ）のフローチャート
プログラ
ム開始
DXライブ
ラリ初期化
できた？
○
× DXラ
イブラ
リ終了
プログラ
ム終了
○
×
プログラム
終了
描画
ゲームプログラミング講習第3章ゲーム作成
ロード
ウィンドウ
がある？
裏画面を
表画面に
反映
裏画面を消去
（真っ黒）
裏画面に
バーを描く
バーの
座標を計算
ゲーム
進行
25
最初の状態に戻す
 もし自力でバーを作りたいなら、まずソースコードを戻そう
 戻し方
 「ゲームプログラミング講習」の「初期状態（プロジェクト作成直後）のソースコード」をコピペ
ゲームプログラミング講習第3章ゲーム作成
26
バーの作り方
 どこに書くかは、フローチャートを参考に考える
 ただし、定義、変数の宣言についてはC言語的にだいたい決まってる
 分からない関数は、DXライブラリの関数リファレンスで調べる
1. マウスの座標の変数を宣言
 int MouseX, MouseY;
2. マウスの座標を取得
 GetMousePoint(&MouseX, &MouseY);
ゲームプログラミング講習第3章ゲーム作成
27
バーの作り方
3. 画面上に存在するものを決める（バー）
4. バーの画像ファイルを用意する（バー.bmp）
5. バーの大きさを定義
 #define BAR_SIZE_X 100
 #define BAR_SIZE_Y
20
6. バーの座標とグラフィックハンドルの変数を宣言
 int BarX
 int BarY = 400;
 int BarGrHandle;
ゲームプログラミング講習第3章ゲーム作成
28
バーの作り方
7. バーの画像ファイルをロード
 SetTransColor(255, 0, 255);
 BarGrHandle = LoadGraph("バー.bmp");
8. バーの座標を計算
 BarX = MouseX - BAR_SIZE_X / 2;
9. 裏画面にバーを描く
 DrawGraph(BarX, BarY, BarGrHandle, TRUE);
10. 完成！
ゲームプログラミング講習第3章ゲーム作成
29
練習問題
ゲームプログラミング講習第3章ゲーム作成
30
練習問題
 ブロック崩し（バーのみ）を作りなさい
 ヒント：このスライドの「ソースコードを作るコツ」
ゲームプログラミング講習第3章ゲーム作成
31
解答例
 「ゲームプログラミング講習」の「ブロック崩し（バーのみ）のソースコード」
ゲームプログラミング講習第3章ゲーム作成
32
終わり
お疲れ様でした
ゲームプログラミング講習第3章ゲーム作成
33

Download Report