如何在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便可

這樣,這個遊戲就能顯示了,你就能學習其餘教程,開發本身的遊戲了