ゲーム制作入門

JavaScriptでゲームを作ってみたいと思ったことはありませんか。でも、難しそうで何から始めればいいか分からない作り始めても途中で動かなくなって挫折したサンプルコードをコピペしただけで終わってしまったそんな経験がある方も多いと思います。...

🔰 この記事で分かることゲームループとは何かなぜゲームは「止まらずに動く」のかJavaScriptでの基本的なゲームループ構造HPが一瞬で0になる原因と対策の考え方この記事を読み終えるころには、「コードは書けたけど、何が起きているか分からな...

🔰 この記事で分かることHP・ライフ制とは何か敵に当たったときにHPを減らす方法JavaScriptで使えるシンプルなサンプルコードゲームオーバーへつながる基本構造この記事を読み終えるころには、「当たったら即終了のゲーム」から「HPが減って...

🔰 この記事で分かること攻撃判定とは何か（当たり判定との違い）プレイヤーの攻撃が敵に当たったかを判定する方法JavaScriptでの実際に使えるサンプルコード敵を「倒せる」ようにする基本構造この記事を読み終えるころには、「敵に触れるだけのゲ...

ゲーム制作で必ず必要になるのが**「当たり判定」**です。この記事では、HTML＋JavaScriptの2Dゲームを想定して、敵とプレイヤーがぶつかった瞬間を検出する方法を、初心者の方にも分かるように解説します。当たり判定とは？当たり判定と...

👉 この記事で分かること敵キャラを「動かす」ための基本的な考え方JavaScriptで左右に動く敵キャラの作り方プレイヤーを追いかける簡単な追尾処理初心者がつまずきやすいポイントこの記事を読み終えるころには、**「敵が置いてあるだけ」から「...

👉 この記事で分かること敵キャラを配置する基本的な考え方JavaScript（Canvas）で敵キャラを表示する実際のサンプルコード敵キャラを複数配置する方法次に何を学べばゲームが完成に近づくかこの記事を読み終えるころには、「敵キャラをどう...

「当たり判定はなんとなく分かったけど、キャラが動かない…」ゲーム作りを始めた多くの人が、ここで一度つまずきます。でも安心してください。この記事では、キーボードでキャラを動かす仕組みJavaScriptでのキー操作の基本実際に動くサンプルコー...

この記事で分かること・JavaScriptゲーム作りの全体像・初心者が最初に覚えるべき順番・実際に完成するまでの流れプログラミング初心者の方でも大丈夫です。このページを起点に進めれば、「ゲームを完成させる」ところまで必ずたどり着けます。ゲー...

「ゲームを作ってみたいけど、何から始めればいいのかわからない」多くの初心者が、ここでつまずきます。この記事では、JavaScriptでゲームを完成させるまでの全体像を、できるだけシンプルに整理します。難しい専門用語は使わず、「今どこを目指せ...