はじめに|同じ処理を何度も書くのは大変
ゲームを作っていると、こんな場面が必ず出てきます。
- 敵を10体出したい
- 弾をたくさん動かしたい
- スコア表示を毎フレーム更新したい
もしこれを全部手作業で書くとしたら、とても大変です。
そこで登場するのが
for文(フォーぶん) です。
for文を使うと、
👉 同じ処理を何回も自動で繰り返す
ことができます。
for文とは?一言で言うと
for文とは「同じ処理を決められた回数だけ繰り返す」ための文法です。
ゲーム制作では、
- キャラクターの数だけ処理する
- 配列の中身を順番にチェックする
といった場面で、必ず使われます。
for文の基本的な書き方
まずは形だけ見てみましょう。
for (初期値; 条件; 増減) {
繰り返したい処理;
}
「難しそう…」と感じるかもしれませんが、
一つずつ分解すれば大丈夫です。
for文を日本語で読むとこうなる
次の例を見てください。
for (let i = 0; i < 5; i++) {
console.log(i);
}
これは、日本語にするとこうです。
- まず
iを 0 にする i < 5の間は繰り返す- 繰り返すたびに
iを 1 増やす
👉 結果として
0〜4までが順番に表示されます。
なぜ「i」を使うの?
for文ではよく i という変数が使われます。
i は「インデックス(番号)」の意味で使われることが多いです。
- 0番目
- 1番目
- 2番目
というように、
順番を管理するための番号だと思ってください。
for文がないと何が困る?
もしfor文がなかったら、
console.log(0);
console.log(1);
console.log(2);
console.log(3);
console.log(4);
こんなコードを書くことになります。
これは現実的ではありません。
for文があることで、
短く・分かりやすく・安全に書けるようになります。
ゲーム制作でのfor文の使い道
ここからは、
にしゲームらしい使い方を見ていきましょう。
敵を複数出すイメージ
for (let i = 0; i < 10; i++) {
console.log("敵を出現:" + i);
}
👉
「敵を10体出す」
という処理を、たった数行で書けます。
配列とfor文(超重要)
ゲームでは、
キャラクターや弾を配列で管理することが多くなります。
let enemies = ["スライム", "ゴブリン", "ドラゴン"];
for (let i = 0; i < enemies.length; i++) {
console.log(enemies[i]);
}
これは、
- 敵の数だけ
- 順番に処理する
という意味です。
👉 for文 × 配列 = ゲーム制作の基本セット
初心者がつまずきやすいポイント
よくあるつまずき
i < 5の意味が分からない- 何回繰り返されるか分からない
i++が怖い
大丈夫です。
i++ はこう考える
i++;
これは、
i に 1 を足す
という意味です。
毎回少しずつ数字が増えていく、
それだけ覚えておけばOKです。
for文は「回数」ではなく「流れ」で理解する
初心者の方は、
「何回繰り返すか」を必死に数えようとします。
でも、にしゲームではこう考えます。
- 0からスタートする
- 条件に合う間だけ進む
- 1ずつ前に進む
👉 流れが分かればOK
if文とfor文の組み合わせ(超重要)
実際のゲームでは、
for文の中でif文を使うことがほとんどです。
for (let i = 0; i < enemies.length; i++) {
if (enemies[i] === "ドラゴン") {
console.log("強敵だ!");
}
}
👉
「敵を順番にチェックして、
ドラゴンだったら特別な処理をする」
これは、
ゲームの基本ロジックそのものです。
にしゲーム流:for文の学び方
- 暗記しなくていい
- 動かして理解する
- ゲームの動きと結びつける
- 分からなくなったら戻ってくる
for文は、
使うほど自然に分かってきます。
次に学ぶべきこと
for文が分かると、
ゲーム制作は一気に加速します。
次におすすめなのは、
👉 ▶ 配列とは?複数データの管理方法をやさしく解説
敵・弾・アイテム管理に
欠かせない知識です。
まとめ|for文は「まとめて処理する力」
- for文は繰り返し処理の文法
- ゲーム制作に必須
- 配列と相性が抜群
- if文と組み合わせると最強
for文を理解すると、
ゲームが一気に「それっぽく」なります。
焦らず、少しずつ進めていきましょう。
次に読むべき記事
- 🏠 JavaScript基礎講座|スタートガイド
- ◀ if文とは?条件分岐をやさしく解説
- ▶ 配列とは?JavaScript入門


