phaserを選択
様々なフレームワーク
調べてみると。以下のようなフレームワークがある。
- Unity
- unreal
- enchant.js
- PixisJS など
様々。特別なプラグインが必要なくブラウザでプレイできるものを選択。
それがphaser3だった。どうやら2026年4月に大型アップデートにより、phaser4と生まれ変わったどうだ。
webGLレンダラーが刷新され、処理速度が最大100倍となったほか、一度に100万個以上のスプライトを描画可能にとのこと。
なんだかすごそうだ。
ともあれ触ってみないことには。なんとも。
詳細は以下に詳しく記載されている。（ゲームメーカーズさん）
チュートリアルからダウンロード
コードの中身を確認
チュートリアルはかなり充実している。下記記事を見つけた。
https://phaser.io/tutorials/making-your-first-phaser-3-game/part1
完成形のファイルの主要なところを理解する
//初期設定
var config = {
type: Phaser.AUTO,
width: 800,
height: 600,
physics: {
default: 'arcade',
arcade: {
gravity: { y: 300 },
debug: false
}
},
scene: {
preload: preload,//A
create: create,//B
update: update//C
}
};
初期設定内の{scene.preload}
//A
function preload() {
~~~~
}
初期設定内の{scene.create}
//B
function create() {
~~~~
}
初期設定内の{scene.create}
//C
function update() {
~~~~
}シンプルでわかりやすい。