使用 FairyGUI 來製作遊戲

FairyGUI 是一個跨引擎的開源UI解決方案，它包含一個出色的的UI編輯器，以及多個流行遊戲引擎的運行庫。

那它做的只是個遊戲UI，怎麼製作一個完整個遊戲？

沒錯，對動態遊戲如角色扮演、射擊、即時戰略...等等，它無法完全涵蓋

但對於靜態遊戲如棋牌類麻將等等，它已足以應付

今天就以FairyGUI+PIXI來製作個簡單的配對遊戲(又是配對，凡事從簡單開始，等你熟悉之後，也可用它寫個較複雜的遊戲，如線上麻將、德州撲克等等)

FairyGUI的編輯器操作類似Flash，就是把遊戲使用的元件擺在希望的位置，應該是沒什麼好講的

有問題的可以留言討論

比較要注意的是 需要在程式裡控制的元件，最好取個比較易懂有規則性的名稱

另外要分享的一點是像同個位置會有很多張圖(如撲克牌、麻將牌、棋子等)的我們可以做成MovieClip，在程式中，再根據其值來設定它的frame

另外FairyGUI PIXI的SDK內定只有Button可以監聽點擊事件，如果其他類型的元件需要，可以

整個程式不大，也很簡單，雖然還不是很完整(裡面沒有切換場景及釋放資源的動作，畢竟大部分遊戲不會只有單一一個場景)

完整的程式碼及FairyGUI的專案 如果有需要想入門的還是可以下載參考一下，畢竟FairyGUI PIXI SDK的相關文件很少，可以說幾乎沒有，只有Demo的程式碼可以參考，想要更進一步的只能自己 try或是參考SDK的原始碼

雖是網頁遊戲，但如果需要，也可以用Cordova將遊戲搬上手機

結果(000webhost 之前有人說是永久免費的網頁空間，事實是一年免費，到期之後只能升級，不然就無法再使用，也無法備份與回復

)

看樣子，時間還沒到似乎就已經被停掉了

這是另一個免費的網頁空間 InfinityFree 的 執行結果，由於它是http，無法以iframe嵌入在https的網頁裡