ゲーム

オリジナルゲーム

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

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

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

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

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

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

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

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

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

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

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

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

JavaScriptゲームが動かない原因7つ|初心者が必ずつまずくポイント

JavaScriptゲームが動かない…よくある悩み「コードをコピペしたのに動かない」これは初心者あるあるです。でも安心してください。原因はほぼ決まっています。よくある症状一覧画面が真っ白ボタンを押しても反応しないエラーが出ている気がする原因...
オリジナルゲーム

写真×詩で表現するアートゲームをJavaScriptで作ってみよう

この記事では、写真と詩を組み合わせたオリジナルゲーム「フォトポエムアドベンチャー」を題材にして、JavaScriptでゲームを作る基本の考え方を丁寧に解説します。ただ遊ぶだけではなく、インタラクティブ表現・状態管理・ユーザーの選択を活かす方...
オリジナルゲーム

星空をテーマにしたパズルゲームをJavaScriptで作ってみよう

この記事では、星空のパズルゲームを題材にして、JavaScriptでパズルゲームを制作する基本的な考え方や仕組みを初心者向けにわかりやすく解説します。ただ遊ぶだけではなく、どういう仕組みでゲームが動いているのかプレイヤーの操作をどう受け取る...
オリジナルゲーム

JavaScriptでお花パズルゲームを作ってみよう

この記事では、お花のパズルゲームを題材に、JavaScriptでパズルゲームを実装する基本的な仕組みや考え方を初心者向けにわかりやすく解説します。単に遊べるだけではなく、盤面の構造プレイヤー入力の受け取り方星やお花のマッチ判定スコア管理や連...