phaser-gamedev は何をしますか？
Phaser 3フレームワークを使用して2Dゲームを構築します。シーンライフサイクル、スプライト、物理演算（Arcade/Matter）、タイルマップ、アニメーション、入力処理、ゲームアーキテクチャをカバーします。トリガー: "create phaser game", "add phaser scene", "phaser sprite", "phaser physics", "game development with phaser".
はじめに
このスキルは、Phaser 3ゲームフレームワークを使用した2Dゲーム開発を支援するために設計されています。以下の主要な領域をカバーします:
- シーンライフサイクル: シーンの作成、切り替え、管理 (
this.scene.start,this.scene.launch) - スプライト: スプライトの作成、設定、操作 (
this.add.sprite,sprite.setPosition) - 物理演算: Arcade物理エンジンとMatter.js物理エンジンの両方をサポート
- タイルマップ: タイルマップの読み込みとレンダリング (
this.make.tilemap) - アニメーション: スプライトシートからのアニメーション作成 (
this.anims.create) - 入力処理: キーボード、マウス、タッチ入力の処理 (
this.input.keyboard,this.input.on) - ゲームアーキテクチャ: 設定、ループ、ベストプラクティス
トリガーフレーズ
以下のフレーズを使用してスキルをアクティブにします:
| トリガー | 説明 |
|---|---|
| "create phaser game" | 新しいPhaserゲームプロジェクトを初期化します |
| "add phaser scene" | 既存のプロジェクトに新しいシーンを追加します |
| "phaser sprite" | スプライトの作成または操作を支援します |
| "phaser physics" | 物理設定または衝突設定のガイダンスを提供します |
| "game development with phaser" | ゲーム開発全般のサポートを提供します |
使用例
// 基本的なPhaserゲーム設定
const config = {
type: Phaser.AUTO,
width: 800,
height: 600,
physics: {
default: 'arcade',
arcade: {
gravity: { y: 200 },
debug: false
}
},
scene: {
preload: preload,
create: create,
update: update
}
};
const game = new Phaser.Game(config);
function preload () {
this.load.image('sky', 'assets/sky.png');
this.load.image('ground', 'assets/platform.png');
}
function create () {
this.add.image(400, 300, 'sky');
platforms = this.physics.add.staticGroup();
platforms.create(400, 568, 'ground').setScale(2).refreshBody();
}
注意事項
- このスキルは、Phaser 3の公式ドキュメントとAPIリファレンスを反映しています。
- コードスニペットは、ES6+ JavaScriptを想定しています。
- 物理設定は、プロジェクトの要件に応じて調整してください。