入门1 初学者，向前迈的“黄金”一步

选择一个方便的开发工具有助于我们事半功倍。这里我们选择HBuilder开发工具，下载地址。（可选的开发工具特别多比如：atom，vscode，notepad++等等，为了照顾新手朋友还是选择了这个HBuilder，基本不需要额外配置工作）。

游戏资源文件下载地址。

打开hbuilder，我们创建一个web项目。

创建项目

在项目下创建一个文件夹assets，把刚才下载下来的资源文件夹里的assets压缩包解压后复制粘贴进这个目录，把phaser.min.js文件复制到js文件夹下，把index.html复制到项目根目录，替换掉默认的文件。然后右键点击js文件夹，选择新建JavaScript文件名字叫做game.js。

复制替换资源文件

打开game.js，开始写你的第一行游戏代码，这是一个充满意义的时刻，因为你要开始写自己的第一个游戏了。我们定义一个游戏的尺寸，比如宽度600个像素，高度600个像素。那么我们写下如下的代码：

var WIDTH = 600; 

var HEIGHT = 600;

var game = new Phaser.Game(WIDTH, HEIGHT, Phaser.CANVAS, 'game');

然后，运行看看效果（需要切换到index.html文件上才能点击运行）。

创建游戏世界

多么伟大的一件事，你刚刚创建了一个游戏世界，接下来的事就是在这个游戏世界上不断完善这个游戏。