Html5 Egret遊戲開發 成語大挑戰（二）乾淨的eui項目和資源準備

如今咱們使用egret來起步開發一個名叫《成語大挑戰》的小遊戲，關於egret的開發環境就不在這裏囉嗦了，直接去官方下載安裝就可，egret是我見過開發環境部署最簡單的解決方案，這個系列教程中，使用了egret的Wing和ResDepot，只須要安裝這兩個就行，首先打開EgretWing，選擇建立項目，輸入你想要的項目名稱，項目類型爲「Egret EUI項目」，而後下一步：

因爲遊戲設計的是豎屏，而素材的分辨率爲720x1136，因此設置是如上的選擇，而後選擇完成，稍等就會構建一個模板項目出來，只須要在此基礎上進行開發，這時對於有潔癖的我來講，比較忍受不了的是模板中提供的默認皮膚，因爲咱們是本身有資源素材開發遊戲，因此這些默認資源沒什麼用，但是建立空egret項目的話，配套的eui設置就得本身搞了，因此才用模板建立好了以後如下操做方式幹掉沒用的資源：

   

直接刪除掉assets下的文件和eui_skins目錄素材以後，還得要去編輯「default.res.json」和「default.thm.json」文件，確保它們沒問題，首先打開「default.res.json」，刪除清理掉丟失掉的資源：

而後打開「default.thm.json」文件，將沒用配置給刪除掉，最後變成以下的模樣

 

頓時以爲清爽多了，這只是個人我的喜愛，按照上面方法能夠建立一個比較乾淨的項目。

下面將準備的資源放入到項目中，在assets目錄下創建三個目錄：「images」、「res」、「sound」，這三個目錄的說明：

images:這裏存放了遊戲中的題目圖片，因爲有400道題目，因此，題目圖片仍是按需加載比較靠譜，大約有13MB

res：這裏存放了遊戲的ui圖片等，未來要preload預先加載，將它們放在一塊兒的緣由是未來方便整合打包

sound：這是遊戲的音樂和音效，至因而否要提早加載，看我的狀況而定，本項目中使用異步加載

素材資源下載，請查看文章尾部的附件。

而後刷新當前項目，雙擊打開「default.res.json」，你就會發現有這個提示：

此時，建議不要點是，而是點否，本身經過拖拽進來按照本身須要安排資源比較好控制，將須要預先加載的資源扔到preload組裏面

好了，在開搞以前的準備工做已經完成了，後面就能夠進入正式狀態了，敬請瀏覽下一篇

本篇中所使用的附件素材在這裏下載：

成語大冒險圖片1.zip 

成語大冒險圖片2.zip

成語大冒險圖片其餘.zip

因爲博客園限制，只能上傳分爲3個包了