AstroにPhaser.jsのゲームのページを作る方法

2023/07/09

まず、Phaserライブラリをインストールする。

yarn add phaser

astroページに以下を書く。
pagesディレクトリいかに_snake.jsを置く場合はアンダーバーをつけないと直接アクセスできてしまいbuild時にエラーがでます。
本当はpagesディレクトリ以外に置くのが正解だと思う。

<div id="gamediv" class=""></div>
<script src="./_snake.js"></script>

snake.jsの先頭に以下を書いて、以下ゲームプログラミングする。

import Phaser from "phaser";
//ここ以下にPhaserのコード