Phaser 入门

Created: November-22, 2018

创建一个文件夹
在新目录中创建 index.html 。在 Bracket 编辑器中打开它
从 github 下载 Phaser 存储库，然后从 build 文件夹中获取 phaser.js 文件。将文件放在项目目录中。
打开 index.html 并链接 header 标签内的 phaser.js 。

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8" />
    <title>My Gamer</title>    
    
     <script type="text/javascript" src="lib/phaser.js"></script>

    <style type="text/css">
        body {
            margin: 0;
        }
    </style>
    
</head>
<body>    
        <div id="gameContainer"></div>
</body>
</html>

在名为 game.js 的目录中创建另一个 js 文件 **
在编辑器中打开 game.js 文件并编写以下代码：

// Phaser instance, width 800px, height 600px render as CANVAS. 
// Method signature - preload, create and update

var game = new Phaser.Game(800, 600, Phaser.CANVAS,'gameContainer', { preload: preload, create: create, update: update });

function preload() {
// this method used to load your game assets
}

function create() {
// this method run only once used to create to game world
}

function update() {
// this method loop 60 times in a seconds, used to handle gameplay.
}

保存所有文件并使用 Bracket liveserver 打开 index.html （右上角的图标）。
现在已创建 Phaser 开发环境。控制台屏幕应出现在浏览器中以进行错误验证。