HOME/[Ｃ言語ＤＸライブラリ]ＳＴＧの作り方　目次/

[Ｃ言語　ＤＸライブラリ]
ＳＴＧの作り方　目次

動作環境

Ｃ言語[ＤＸライブラリ]

Windows 10

Visual Studio 2019 Community

※上記環境にて動作確認しましたが、もし動作しない場合はご了承ください！

[ＤＸライブラリ]の使用方法などにつきましては作者様のページ「DXライブラリ置き場」こちらをご覧ください！

↓発売日：2018年09月22日↓

たった1日で基本が身に付く! C言語超入門

新品価格
￥2,225から
(2018/10/8 23:10時点)

はじめに

最終ソース

こちらはＳＴＧに登場する自機、敵、弾などをテキスト(文字の事)で表したＳＴＧの骨組みみたいなものになります。

なので派手な画像、音楽などは一切ありません。

ＤＸライブラリをインクルードした状態で

最終ソースファイル開く→[ctrl+a]ですべて選択→[ctrl+c]でコピー→[ctrl+v]で貼り付け→コンパイル

でそのままお使いいただけます。

このような背景画像(440×480)を用意して「back_img.jpg」の名前でプロジェクト名のフォルダ内(ソースファイルが置いてある一つ上の階層です)に配置して頂ければほんの少しだけ臨場感が増すかもしれません。

完成ソース

こちらは上記のプログラムに簡単な画像と音楽を加えたものになります。

以下のような内容で用意した画像と音楽を同じようにプロジェクト名のフォルダ内に配置して

完成ソースファイル開く→[ctrl+a]ですべて選択→[ctrl+c]でコピー→[ctrl+v]で貼り付け→コンパイル

でお使いください。

当サイトの素材は「無料イラスト素材ドットコム」さんの素材を少し加工して使わせて頂いております。

星空の写真のみぱくたそさんの画像を使わせて頂いております。

bgm、効果音などは「音楽素材/魔王魂」さんから使わせて頂いてます。

「player_chip.png」

一マスが(70×70)、画像全体で(280×70)のプレイヤーの画像になります。

当たり前ですが透過を加えた「png」画像で用意してください。

同じように

敵画像「enemy_chip.png」(70×980)

ボス画像「boss_chip.png」(600×1200)

プレイヤーショット画像「player_shot_img.png」(20×20)

敵ショット画像「enemy_shot_img.png」(20×20)

ボスショット画像「boss_shot_img.png」(20×20)

バリアー画像「barrier_img.png」(20×20)

爆発エフェクト画像「exp_effect_chip.png」(140×70)

アイテム画像「item_img.png」(20×20)

オープニング画像「op_img.jpg」(640×480)

エンディング画像「ed_img.jpg」(640×480)

背景画像１「back_img.png」(440×480)

背景画像２「back_img2.jpg」(440×480)

背景画像３「back_img3.jpg」(200×480)

オープニングや背景画像などで「jpg」も使っているのでご注意ください。

あと背景画像１「back_img.png」はわかりずらくなるので最初に紹介した簡単な星空画像と同じようにしましたが、背景画像２の上に重ねて表示するので透明な画像の上に星を表す点を打ったような画像になります。

次に音楽素材になります。

オープニングbgm「bgm1.ogg」

ステージ開始プレイヤー登場bgm「bgm2.ogg」

ステージ通常bgm「bgm3.ogg」

ボスbgm「bgm4.ogg」

ステージクリアbgm「bgm5.ogg」

エンディングbgm「bgm6.ogg」

決定se「se1.ogg」

プレイヤーショットse「se2.ogg」

爆発se「se3.ogg」

アイテム取得se「se4.ogg」

敵シールドse「se5.ogg」

プレイヤーボムse「se6.ogg」

ダウンロード

ダウンロード版になります。

sample_game

解凍後sample_gameフォルダ内のexeフォルダ内のsample_game.exeをダブルクリックしてお使いください。

内容

あらためましてこちらは「Ｃ言語の入門は終わりました！」という方向けにゲームプログラミングの入門として「シューティングゲーム」の作成を目指した内容になっております！

今からＣ言語を始める方はぜひ当サイトの「小学生でもわかるＣ言語１・２・３」をご利用ください！

注意

[ＤＸライブラリ]を使用します。

※ＤＸライブラリ著作権表記

「ゲームプログラミングの館」さんのサイトを参考に、より初心者向けに内部構造に焦点を当ててゲームを作っていきます。

本格的なＳＴＧに挑戦したい方はぜひ上記のサイトをご覧になってください！

当ＳＴＧ入門の特徴

１・ソース分けはしてません

２・テキスト(文字の事)で自機、敵機、ショットなどを表示

３・座標原点を画面中央に移動

４・数学の初歩的な関数の動きを使用

などなどキレイなグラフィック表示は置いといてまずはＳＴＧの骨組みを完成させるところまでを目標とします。

なので画像や音楽を使用せずにテキストベースで話を進めてまいります。

標準関数と区別がつきやすいように自作関数の先頭に「my」とつけてあります。

注意

当ＳＴＧ入門の特徴の一つに座標原点を中央に配置というのがありますが、実際はその必要はまったくありません。あくまでも初歩数学の学習用として中央に配置しているだけです。

実際のプログラミング手法には合ってない表現などもありますので、あくまでも入門としてお使いください。

テキスト→グラフィック

もし「グラフィックじゃなきゃいやだ！」という方は、敵などの表示に用いている

DrawFormatString(x座標,y座標,色の指定, "本文",変数);

こちらの関数を

int img;
img = LoadGraph("img.jpg");

使いたい画像ファイルを関数「LoadGraph()」で読み込んだ後で

DrawGraph(x座標, y座標, img, TRUE);

こちらの関数か

DrawRotaGraph(x座標, y座標, 1.0, 0.0, img, TRUE);

こちらの関数に置き換えてください。

「DrawGraph()」の方は画像左上の座標、「DrawRotaGraph()」の方は画像中心の座標を指定します。

「DrawRotaGraph()」の中ほどの数字は「1.0」となっているところは拡大率と「0.0」となっているところは回転率になります。

回転率についてはラジアン値を使用します。

最後の「TRUE」は透明度を利用する時は「TRUE」になりますが通常はどちらにせよ「TRUE」のままで大丈夫です。

画像のロードは一度すれば大丈夫なので初期化の時(whileのループに入る前)に行っておく事にも注意です。

画像の分割読み込み

完成ソースにもありますが画像を分割して読み込みたい場合は

LoadDivGraph("元画像パス",合計分割枚数,横分割数,縦分割数,
	横幅,縦幅,画像を保存する配列);

こちらの関数をお使いください。

例えば先ほどのプレイヤー画像「player_chip.png」(280×70)を読み込みたい場合は

int player_chip[4];

画像を保存する為の配列を用意して

LoadDivGraph("../player_chip.png",4,4,1,70,70,player_chip);

このように読み込みます。

これでplayer_chip[0]～player_chip[3]にさきほどの画像が分割されて読み込まれます。

□HOME□

↓発売日：2016年02月29日↓

12歳からはじめるゼロからのC言語ゲームプログラミング教室

新品価格
￥2,462から
(2018/10/8 23:25時点)

↓発売日：2018年06月22日↓

スッキリわかるC言語入門

新品価格
￥2,916から
(2018/10/8 23:15時点)

↓発売日：2018年03月09日↓

C言語本格入門 ~基礎知識からコンピュータの本質まで

新品価格
￥3,218から
(2018/10/8 23:16時点)

↓発売日：2017年06月14日↓

やさしいC 第5版 (「やさしい」シリーズ)

新品価格
￥2,700から
(2018/10/8 23:17時点)

↓発売日：2018年05月21日↓

作って身につく C言語入門

新品価格
￥2,462から
(2018/10/8 23:18時点)

↓発売日：2017年12月07日↓

新・標準プログラマーズライブラリ C言語ポインタ完全制覇

新品価格
￥2,678から
(2018/10/8 23:19時点)

↓発売日：2017年02月08日↓

新・明解C言語で学ぶアルゴリズムとデータ構造 (明解シリーズ)

新品価格
￥2,700から
(2018/10/8 23:20時点)

↓発売日：2017年09月26日↓

かんたん C言語 [改訂2版] (プログラミングの教科書)

新品価格
￥2,916から
(2018/10/8 23:22時点)

[Ｃ言語　ＤＸライブラリ]
ＳＴＧの作り方　目次

動作環境