[Phaser3]ちょっと試したい時に使う雛形

2021-9-17

今回の題

Phaser3をちょっと試したいときに使う雛形です。
物理エンジンはarcadeではなくmatterを使ってます。

コード

<!doctype html> 
<html lang="ja"> 
<head> 
    <meta charset="UTF-8" />
    <title>Phaser3の雛形</title>
    <script src="https://cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>
</head>
<body>
<div id="game"></div>

<script type="text/javascript">

    var config = {
	    type: Phaser.AUTO,
        backgroundColor: "#48C4F8",
	    width: 960,
	    height: 540,
        pixelArt: true,
        scale: {
          parent: 'game',
          autoCenter: Phaser.Scale.CENTER_BOTH
        },
	    physics: {
	    	default: 'matter',
	    	matter: {
	    		gravity: { y: 0 },
                debug: true
	    	}
        },
        scene: {
            preload: preload,
            create: create,
            update: update
        }
    };

    var game = new Phaser.Game(config);

    function preload ()
    {
        this.load.setBaseURL('http://labs.phaser.io')
        this.load.image('logo', 'assets/sprites/phaser3-logo.png')
    }

    function create ()
    {
        this.matter.add.image(480, 270, 'logo')
    }

    function update ()
    {
    }

</script>

</body>
</html>

#タグ