底辺SE奮闘記

年収300万SEブログ

【Phaser 3.15.1】Rectangleが表示されない

Phaser

表題の通りですが、サンプルにもほぼ同様のコードがあるのですが、下記コードでは何も表示されません。

<!DOCTYPE html>
<html>
<head>
   <script src="https://cdn.jsdelivr.net/npm/phaser@3.15.1/dist/phaser.min.js"></script>
</head>
<body>
<script>
   var config = {
       type: Phaser.AUTO,
       width: 800,
       height: 600,
       scene: {
           preload: preload,
           create: create
       }
   };

   var game = new Phaser.Game(config);

   function preload ()
   {

   }

   function create ()
   {
       var rect = this.add.rectangle(400, 300, 148, 148, 0xff0000);
   }
</script>
</body>
</html>

f:id:uma-no-kawa:20210729115901j:plain 真っ黒で何も表示されません。

現状最新のバージョンでは修正されております。 3系の中でも色々仕様が変わっているようです

下記バージョンに修正すると、上記コードは正常に動作します。

<script src="https://cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.min.js"></script>

f:id:uma-no-kawa:20210729120056j:plain

赤い写真が表示されました