1. 程式人生 > >從零開始製作2048遊戲

從零開始製作2048遊戲

該遊戲基於lae開發平臺開發,lua程式碼300多行即可。下載Game2048,用lae開啟Game2048.ui檔案,可以看到ui結構、設定,甚至在工具中執行測試
遊戲程式碼下載地址:https://github.com/ouloba/Game2048.git
遊戲程式碼下載地址(國內):https://pan.baidu.com/s/1o8COrqy
lae下載地址:https://github.com/ouloba/laetool.git
lae下載地址(國內):https://pan.baidu.com/s/1ckMy0Q
1、iPhone上截2048的圖
2、用lae參考圖功能,開啟該圖片

3、編輯數字塊,不同的數字、不同的顏色

4、編輯遊戲介面頂部
 
5、編輯遊戲主視窗,每個格子命名:列x行,主要是通過名字尋找相應的格子座標用來放置數字格子
 
6、編輯game over介面
 
7、在主遊戲介面上加個透明按鈕(僅有文字)
 
8、在這詳細介召如何製作上面用的視窗,包括點選開始按鈕[click to start]、數字方塊[number 2048]
<1>編輯[click to start]的建立、佈局,渲染,事件處理。
在root視窗上點選右鍵選單[add child]新增新的視窗, 設定視窗大小和root視窗一樣大小,中間再加入一個視窗title來顯示“click to start”文字

  
title視窗只是為了顯示文字不接收事件,因此設定disable為true讓父視窗start處理事件
 
父視窗start處理了點選事件,點選觸[OnLClickDown]發時轉換成全域性事件[OnStart],然後在root視窗上LuaLogic元件處理事件。

  
在LuaLogic元件中,關聯了main.lua檔案和main_dispacher事件處理派發介面

  
<2>數字方塊的建立、編輯、渲染
比如number 2048包含back用於顯示背景圓角方塊和顏色,number用於顯示數字.
back主要是Frame用9宮格的方式渲染圓角圖片,number只有EditBox元件,整個number 2048視窗設定disable為true,只是用於顯示,不處理事件。