选择一个方便的开发工具有助于我们事半功倍。这里我们选择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文件上才能点击运行）。
创建游戏世界
多么伟大的一件事，你刚刚创建了一个游戏世界，接下来的事就是在这个游戏世界上不断完善这个游戏。
