ゲームを作ってみよう！

JavaScriptとHTML5 Canvasを使って、ブラウザで動くゲームの作り方を学ぼう。
全39種類のチュートリアルから好きなものを選んでスタート！

2048の作り方

2次元配列タイルマージキー入力

おさかなサバイバルの作り方

Canvas描画当たり判定マウス追従

ブロック崩しの作り方

ボール物理反射角計算ブロック判定

キャッチゲームの作り方

落下オブジェクトスコア管理難易度変化

カラーマッチの作り方

DOM操作タイマーランダム色

お絵かきクイズの作り方

Canvas描画API イベント処理フェーズ管理

フラッピーバードの作り方

重力パイプ生成当たり判定

迷路ゲームの作り方

迷路生成再帰グリッド操作

神経衰弱の作り方

配列シャッフル状態管理マッチング

マインスイーパーの作り方

再帰処理グリッド爆弾配置

ポンゲームの作り方

ボール反射 AI対戦 Canvas

15パズルの作り方

配列操作クリック解法判定

リバーシの作り方

ゲームAI 石反転有効手判定

リズムゲームの作り方

タイミング判定譜面データアニメーション

シューティングの作り方

弾丸管理敵生成当たり判定

サイモンゲームの作り方

シーケンス記憶配列比較フィードバック

スライムジャンパーの作り方

重力プラットフォームカメラ

へびゲームの作り方

キュー操作グリッド移動衝突判定

倉庫番の作り方

2次元配列プッシュ判定 Undo機能

数独の作り方

バックトラッキング制約チェックパズル生成

テトリスの作り方

回転処理行消去落下タイマー

三目並べの作り方

ミニマックスAI 勝利判定ターン管理

タワーディフェンスの作り方

経路探索タワーAI ウェーブ管理

タイピングゲームの作り方

キーイベント文字列比較 WPM計算

もぐらたたきの作り方

ランダム出現クリック判定タイマー

単語探しの作り方

2次元配列単語配置ドラッグ選択

アナグラムクイズの作り方

シャッフルタイマー音声読み上げ

都道府県クイズの作り方

CSS Grid タイル配置クリック判定

タップ連打王の作り方

タイマークリック判定アニメーション

じゃんけん何連勝の作り方

CPU AI 頻度集計確率調整

絵文字翻訳クイズの作り方

4択クイズシャッフルコンボ

くだらないジェネレーターの作り方

ランダム選択配列操作クリップボード

弾幕シューティングの作り方

弾幕パターン三角関数当たり判定

脱出ゲームの作り方

状態管理シーン遷移インベントリ

猫をさがせ！の作り方

イベント委譲 CSSグリッドタイマー

横スクロールシューティングの作り方

スクロールパワーアップオプション追従

ひな壇飾りパズルの作り方

ドラッグ&ドロップ Canvas描画座標計算

インベーダーゲームの作り方

グリッド移動ピクセルアート矩形判定

ないもの探しの作り方

記憶フェーズデコイ生成タイムボーナス

パックマンの作り方

タイルマップゴーストAI 壁判定

ぷよぷよの作り方

BFS探索連鎖処理重力落下

間違い探しの作り方

配列コピースワップ生成レベル設計

フルーツマージの作り方

物理エンジン衝突マージ Matter.js

10秒チャレンジの作り方

高精度タイマー DOM動的生成 localStorage