mcpField
2
2d-games

2d-games

github.com/vudovn開発8.2k55 回インストール8 週間前に更新
リポジトリ

2d-games について

スプライト、タイルマップ、物理、カメラ、ジャンルごとの定番パターンを扱う 2D ゲーム開発ガイドです。ゲームシステムの設計に役立ち、衝突判定やカメラ設計の選択肢も示します。

主な機能

  1. 01スプライトアトラスとアニメーション
  2. 02タイルマップのレイヤー設計
  3. 03衝突形状と物理設定
  4. 04カメラ追従と画面揺れ
  5. 05プラットフォーマーとトップダウンのパターン

活用シーン

  1. 01キャラクターのスプライトアニメーション設計
  2. 02歩行可能な地形とシーンレイヤーの設計
  3. 03衝突判定と物理の時間刻みの選択
  4. 04プラットフォーマーのジャンプとカメラ動作の設定

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/vudovn/ag-kit --skill 2d-games

インストール後、Claude Code で/2d-gamesを入力して読み込まれたか確認します。

詳細

2D ゲーム開発

2D ゲームシステムの原則。


1. スプライトシステム

スプライトの整理
コンポーネント目的
アトラステクスチャをまとめ、ドローコールを削減する
アニメーションフレームシーケンス
ピボット回転・スケールの原点
レイヤーZ 順序の制御
アニメーションの原則
  • フレームレート:一般的には 8~24 FPS
  • インパクトを表現するためのスクワッシュ&ストレッチ
  • アクションの前に予備動作を入れる
  • アクションの後にフォロースルーを入れる

2. タイルマップの設計

タイルの考慮事項
要素推奨事項
サイズ16x16、32x32、64x64
オートタイル地形に使用する
コリジョン単純化した形状
レイヤー
レイヤー内容
背景インタラクションのない風景
地形歩行可能な地面
小道具インタラクティブなオブジェクト
前景パララックスオーバーレイ

3. 2D 物理

コリジョン形状
形状用途
ボックス長方形のオブジェクト
円ボール、丸みのあるオブジェクト
カプセルキャラクター
ポリゴン複雑な形状
物理の考慮事項
  • ピクセルパーフェクトと物理ベースのどちらにするか
  • 一貫性を保つために固定タイムステップを使用する
  • フィルタリングにレイヤーを使用する

4. カメラシステム

カメラの種類
種類用途
追従プレイヤーを追う
先読み動きを先読みする
マルチターゲット2 人プレイ
ルームベースメトロイドヴァニア
画面の揺れ
  • 短い時間(50~200ms)
  • 強度を徐々に弱める
  • 控えめに使用する

5. ジャンル別パターン

プラットフォーマー
  • コヨーテタイム(端を過ぎた後の猶予)
  • ジャンプバッファリング
  • ジャンプの高さを可変にする
トップダウン
  • 8 方向または自由移動
  • エイムベースまたはオートエイム
  • 回転を取り入れるかどうかを検討する

6. アンチパターン

❌ 避けること✅ 推奨すること
テクスチャを分けるアトラスを使用する
複雑なコリジョン形状コリジョンを単純化する
ガタつくカメラ滑らかに追従させる
物理でピクセルパーフェクトにするどちらか一方の方式を選ぶ

覚えておきましょう: 2D では明瞭さが重要です。すべてのピクセルに意味を持たせましょう。

コメント