JavaScript じてん (アクションゲームへん)

if文ぶんや座標ざひょうをつかいこなそう！

⚖️ 1. コンピュータの判断はんだん (if文ぶん)

コンピュータは「正ただしい (true)」か「まちがい (false)」かを判断はんだんできるよ。
それを使って、「もし〜なら」 という命令めいれいをつくるんだ。

比較ひかく (比くらべる)

数字すうじの大おおきさを比くらべたり、同おなじかどうかを調しらべる記号きごうだよ。

> 10   // 大きい (true)
< 2     // 小さい (false)
== 10  // 同じ (true)
                    

if (もし〜なら)

条件じょうけんが正ただしいときだけ、命令めいれいを実行じっこうするよ。

if (100 > 10) {
  alert("でかい！");
}
                    

else (そうじゃなかったら)

条件じょうけんに当あてはまらなかったときに、別べつのことをさせるよ。

if ("ねこ" == "いぬ") {
  alert("おなじ！");
} else {
  alert("ちがうよ"); // こっち！
}
                    

キーボードを押おしたときに、プログラムを動うごかす方法ほうほうだよ。
ゲーム作づくりにはかかせないテクニックだ！

keydown (キーがおされた)

「なにかキーがおされたら」というイベントリスナーだよ。
function(e) の e にキーの情報じょうほうが入はいるよ。

document.addEventListener("keydown", function(e) {
  // ここに めいれい をかく
});
                    

e.key (どのキー？)

押おされたキーの名前なまえを調しらべるよ。
矢印やじるしキーの名前なまえはとくによく使つかうから覚おぼえておこう！

if (e.key == "ArrowRight") {
  alert("みぎ！");
}
                    

他ほかには... "ArrowLeft" (左), "ArrowUp" (上), "ArrowDown" (下)

キャラクターの場所ばしょを x (横よこ) と y (縦たて) という変数へんすうで管理かんりするよ。
変数へんすうを増ふやして、それを画面がめん(style) にセットすることで動うごくんだ。

1. 計算けいさん

// いまの x に 10 をたす
x = x + 10;
                    

2. 描画びょうが

// style.left にセット (pxをわすれずに)
player.style.left = x + "px";
                    

Math.random (ランダム)

サイコロのように、毎回まいかい違ちがう数かずを出だすよ。
Math.floor と組くみ合あわせて整数せいすうにするんだ。

// 0 〜 99 のランダムな数
let r = Math.floor(Math.random() * 100);
                    

範囲はんい制限せいげん (リミッター)

画面がめんからはみ出ださないように、壁かべを作つくるよ。
「300より大おおきかったら、300に戻もどす」という考かんがえ方かただ。

if (x > 300) {
  x = 300; // ここでストップ！
}
                    

当あたり判定はんてい (入いれ子この if文ぶん)

「横よこ(x)が近ちかくて、しかも縦たて(y)も近ちかい」とき、重かさなっていると判断はんだんするよ。

if (x > rx - 40) {
  if (x < rx + 40) {
     alert("ぶつかった！");
  }
}
                