ちょっとしたゲームセンターゲーム制作講座

ゲーム制作講座

制作講座目次 / NEXT（JavaScriptって何？） / トップページ / text mode

1.この講座の対象者

★まえがき

さあ、ついに始まりました！ちょっとしたゲームセンター・ゲーム制作講座です。こういうやつ作ってみるの、夢だったんですよ（笑）。
さて、現在20個ほどブラウザゲーム^*1を作っている私ですが、最初の頃は、ゲーム作るのに四苦八苦してて、できた物はしょぼいものばかりでした。おそらく、誰だってそうですね。その時に思ったのは、「JavaScriptの解説をしている所はは多くても、ゲームを作るための解説があまりないなあ」ということでした。ブラウザゲームを載せてるサイトは結構あっても、ソースを読むのがめんどくさいし。
ゲーム制作になれてきた今、ゲームを作っていた初期の頃の私のように「ゲームの解説が少ない」と思っている人は他にもいるんじゃないかと思い、この制作講座を開設しようと思いついたのです。

*1 ブラウザ（Internet Explorer や Netscape Communicator）で動くゲームのこと。最近では「Webゲーム」なんて呼び方もされているが、本講座では、「ブラウザゲーム」と呼ぶことにする。

★対象者

とりあえず、本講座の対象者を、次のように定義します。

タグを使って、HTMLのホームページが作れる。
（タグを覚えている必要はありません。分からないことがあれば、その場で調べればいいのです）

要するに、以下の文の意味が理解できればいいのです。

<html><head>
<title>ホームページへようこそ</title></head>
<body>
<font size=5 color=red>ようこそ！私のホームページへ</font><br>
<img src="title.gif" width=50 height=50 alt="welcome!">
</body></html>

ホームページを作るのに、FrontPage やホームページビルダーのようなソフトをいつも使っているという方は、この講座についていくのは苦しいと思います。まず、タグについての勉強からした方がよいでしょう。

★この講座の目標

この講座では、ブラウザ上で動く簡単なアクション性のあるゲーム^*2を自力で作る事を目標とします（使用言語はJavaScript、対象ブラウザはIE4,NN4以上）。
ちょっとしたゲームセンターで例えれば、講座を終了したとき、「クリックパニック」「わんこそばゲーム」くらいは作れるようになると思います。

*2 アドベンチャー、ロールプレイングのようなアクション性のないゲームも、基本は同じです（時間関係の処理をしない分、かえって簡単かも）。これらのゲームを作ってみたいという人も、とりあえずこの講座を読んでみてくださいね。

★表記方法について

オレンジ色の背景で書かれた物は、プログラムのソース^*3（プログラムの動き方を書いたもの）です。これをコピーして、メモ帳などにそのまま貼り付けすると、すぐに動作します。例えば、下に書いてあるソースの場合、

上のソースをメモ帳（テキストエディタ）にコピー＆ペーストで写す（大文字・小文字を区別するので注意してください）。
test.html と言う名前で保存する（メモ帳の場合は、「ファイルの種類」を「すべてのファイル」にする）。
test.html を開く。
青字の部分を好きな文字、数値に変えてみる。
慣れてきたら、その他の部分も変えてみる。

なお、サンプルによっては実行例を書いたものもあります。実行例は、黄緑の背景で書かれています。下の実行例は、上のソースを実行したものです。

クリック！

ただし、講座のページに載っている実行例を動かしてしまうと、それだけで満足してしまい、メモ帳に写さなくなってしまうことがあるので、あまり実行させないようにしましょう。自分のパソコン上で動かしてみることが大事なのです。

*3 ソースって何？と思われるかもしれませんが、その辺は講座を進めていくうちに分かると思います。とりあえず、分からない方は気にしないでください。f^^;

制作講座目次 / NEXT（JavaScriptって何？）