如何在Mac上构建本地服务器使其可以使用phaser(移相器)

phaser是一个新出来的专一于html5页面游戏的框架,彻底开源,托管于github,因为出现时间并不长,国内使用的人也很少,phaser中文网上面有关如何使用也介绍的不详细,今天就针对官网上教程的第一步作一个详细的讲解.

时间有限,今天只针对Mac系统,有时间在对其余系统作介绍.废话很少说,Mac系统自带服务器(apache),咱们须要手动打开,

首先第一步,打开终端,大概就长这样,

第二步:输入命令

当你输入第一行代码以后,会在下一行出现一个Password:
这是让你输入密码,也就是电脑密码,没有闪烁的光标,输入时也没有任何显示,可能有些不习惯,输入完成以后,enter一下,就打开了Mac自带的本地服务器,
第三步:验证一下是否打开终端,打开浏览器,输入http://127.0.0.1
//开启apache: sudo apachectl start //重启apache: sudo apachectl restart //关闭apache: sudo apachectl stop

成功了以后会在浏览器的页面中显示如图.

第四步:成功了以后,就可使用phaser了,你能够在github上下载phaser的完整压缩包,也能够下载phaser.min.js;Game.js;Boot.js;Preloader.js;MainMenu.js等文件,初期第一个就够用了

第五步:phaser须要有服务器才能使用,国内H-builder编辑软件自带服务器,将H-builder右上角的开发视图改成边看边改模式也能使用(看到现象);

第六步:我下载的是一个phaser 的压缩包,解压以后是一个phaser-master文件夹,要使用咱们打开的Mac系统自带服务器(apache);须要把这个解压事后的文件移到这个文件下面

放到documents下面便可;

第七步:找到phaser自带的例子;初步了解phaser;目录以下

里面的part(1~9)就是那个小游戏的实例了,从1到9依次补全,9是最终版本,网上不少phaser的教程就是这个小游戏的,不过加了不少详细介绍,能够看看,找到part9以后若是直接选择浏览器打开不会出现象的,顶多就会出现一个黑色的块儿,

这个是直接将part9在浏览器中打开的显示,这时将上面的网址修改一下,就是将documents前面(包括它)修改成127.0.0.1便可

这样,这个游戏就能显示了,你就能学习其余教程,开发本身的游戏了