TypeScript + PhaserJS
ゲーム開発チュートリアル
VSCodeを使ったモダンなゲーム開発を学ぼう！
このチュートリアルは、プログラミング初心者でもゲーム開発を始められるよう、
環境構築から実際のゲーム制作まで段階的に学べる構成になっています。
このチュートリアルで学べること
技術スキル
- • TypeScript の基礎
- • PhaserJS でのゲーム開発
- • VSCode での効率的な開発
- • Git を使ったバージョン管理
作成するゲーム
- • シンプルなパズルゲーム
- • アクションゲーム
- • オリジナルゲーム企画
チュートリアル目次
必要なソフトのインストール
完了ゲーム開発に必要なツール（VSCode、Node.js、Git）のインストールと初期設定を行います。
プロジェクト作成・ボイラープレート活用
完了TypeScript設定の複雑さを回避！ボイラープレートを使って1分でプロジェクトを開始する方法を学びます。
変数について理解しよう
完了プログラミングの基礎となる「変数」の概念を、ゲーム開発の具体例で分かりやすく学びます。
データ型について理解しよう
完了文字列、数値、真偽値など、プログラムで扱うデータの種類について学びます。
nullの概念について理解しよう
完了「何もない」を表すnullと、0や空文字との違いを正しく理解し、安全なプログラムの書き方を学びます。
PhaserJS入門・スプライト表示の基本
完了PhaserJSで画像を表示する基本的な方法を学びます。画像の読み込み、表示、座標系の理解など、ゲーム開発の基礎となる技術を習得します。
Chapter 01cの完了後、最初のPhaserJS体験におすすめです
PhaserJS入門・スプライト移動の基本
完了02章で配置したスプライトを、クリック/タップした場所に移動させる基本的な移動システムを実装します。ゲーム開発の重要な技術を習得。
Chapter 02aのスプライト表示の基本を理解してから挑戦しましょう
今後の章は鋭意制作中！
制作中ゲーム開発の基本を学んだ後は、より実践的な内容を準備中です。モグラたたきゲーム、複数オブジェクト管理、物理演算など、段階的にスキルアップできる構成を目指しています。
💡 現在の3章までをしっかり理解して、次の章のリリースをお待ちください！
学習を進める前に
推奨学習時間
- • 各章 2-3時間程度
- • 全体で 12-18時間
- • 自分のペースで進めてOK
必要な前提知識
- • HTMLの基礎（少し）
- • プログラミングの経験（なくてもOK）
- • やる気と根気 🔥
困ったときは
• 各章に詳しい解説とトラブルシューティングを用意しています
• エラーが出た時の対処法も丁寧に説明しています
• コードは全てコピー＆ペーストできるように記載しています