ゲーム

オリジナルゲーム

JavaScriptで超シンプルな反射神経ゲームを作ってみた|止めろ!この1秒

まずは遊んでみてください※ ルール説明はありません。まずはクリック・タップ・Spaceキーで止めてみてください。以下の画像をクリックするとゲームがプレイ出来ます!このゲームについて今回作ったのは、「止めろ!この1秒」という、超シンプルな反射...
オリジナルゲーム

シティポップ風ビジュアルノベルをJavaScriptで作ってみた

この記事でできることこの記事では、シティポップ風の世界観を持つオリジナルゲーム「DATE COURSE」を題材に、JavaScriptでゲームを作る全体の流れ雰囲気づくり(BGM・背景・演出)の考え方ビジュアルノベル系ゲームの基本構造を初心...
ゲーム制作入門

【初心者向け】ゲームループの仕組みを完全解説|JavaScriptゲームが動き続ける理由

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

【初心者向け】JavaScriptゲームにHP・ライフ制を実装する方法|ダメージが減る仕組みを作ろう

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

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

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

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

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

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

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

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

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

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

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

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

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