nishi

オリジナルゲーム

シンプルなPC用縦スクロールシューティングゲームをJavaScriptで作ってみよう

この記事では、縦スクロール型の宇宙シューティングゲームを使って、JavaScriptでゲームを作る基本構造や実装の考え方を丁寧に解説します。「シューティングゲームってどうやって作るの?」「動き・弾・当たり判定の仕組みがわからない」そんな方に...
オリジナルゲーム

JavaScriptでシンプルなダンジョンゲームを作ってみよう

この記事では、シンプルなPC向けダンジョンゲームを題材にして、JavaScriptでゲーム制作の基本構造やよくある処理の実装方法を丁寧に解説します。「キャラクターを動かす仕組みがわからない」「敵・鍵・出口のロジックってどう書けばいい?」とい...
ゲーム制作入門

【初心者向け】攻撃判定の実装方法(プレイヤー→敵)|HTML+JavaScriptで倒せるゲームを作ろう

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

【初心者向け】当たり判定の実装方法(敵×プレイヤー)|HTML+JavaScriptで簡単解説

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

【初心者向け】JavaScriptで敵キャラを動かす方法|左右移動・追尾の基本

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

敵キャラを配置する方法|実際に動くサンプルコード付き【初心者向け】

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

【初心者向け】JavaScriptゲームでキャラを動かす方法|キー操作の基本

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

【初心者向け】JavaScriptでゲームを作る方法まとめ|ゼロから完成までのロードマップ

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

【初心者向け】JavaScriptでゲームを作る全体像|完成までの流れを解説

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

【初心者向け】JavaScriptゲームの当たり判定を完全理解|仕組み・図解・サンプルコード付き

この記事で分かること・JavaScriptゲームで当たり判定が必要な理由・当たり判定の基本的な仕組み(図解イメージ)・実際に動くサンプルコード・初心者が必ずつまずくポイントと対処法この記事を読み終えるころには、「当たり判定がよく分からない」...