Egret 學習之 從HelloWorld項目開始 (二)


1,創建新項目HelloWorld ,可以在界面上點擊文件->新建,也可以在命令行使用create;

2,src 目錄,存放我們的代碼。我們編寫的代碼都放在src目錄下面。

     bin-debug 目錄,項目編譯和運行的debug目錄,一般我們不要修改該目錄下的內容

     libs 目錄,這里面存放我們的庫文件,包括 Egret 核心庫和其他擴展庫。當然以后添加了第三方庫的話也會放在這里。

     resource 目錄,這里放置我們的資源文件,這里面有一個default.res.json 配置文件,用來配置資源。

     template 目錄,這里是項目調試過程中所需的目錄,一般我們不需要修改該目錄下的內容。

     egretProperties.json 項目的配置文件,一般我們會用到里面的modules 字段來配置項目的模塊。

     index.html 項目訪問的入口文件,我們可以在這里面配置項目的旋轉縮放模式背景顏色等。

     favicon.ico 一個ico。是Favorite icon的簡寫;

3,index.html文件,可以完成很多配置,如第15行,是設置舞台的背景色;

     接下來是對第三方庫文件的引用標簽,

從45行開始,是對項目的設置;一般不要修改,包括注釋也不要改;

data-entry-class=”Main” 設置項目的入口文件,表示項目的入口類,默認為Main,如果需要自定義的話需要在項目中先創建類,然后在這里配置類的名字。

data-orientation=”auto” 設置旋轉模式

data-scale-mode=”showAll” 設置縮放模式

data-frame-rate=”30” 這里是運行的幀率

data-content-width=”480” 和 data-content-height=”800” 用來設置舞台的設計寬和高

data-show-paint-rect=”false” 設置顯示臟矩形的重繪區域

data-multi-fingered=”2” 設置多指觸摸

data-show-fps=”false” data-show-log=”false” 這里設置顯示幀率和log,只有在調試時會顯示,發布的版本會去掉。

data-log-filter=”” 設置一個正則表達式過濾條件日志文本匹配這個正則表達式的時候才顯示這條日志。如data-log-filter="^egret" 表示僅顯示以 egret 開頭的日志

data-show-fps-style=”x:0,y:0,size:30,textColor:0x00c200,bgAlpha:0.9” 這里設置fps面板的樣式。目前支持默認的這幾種設置,修改其值即可,比如修改面板位置可以設置xy,改變大小可以設置size,改變文字顏色textColor,改變背景面板的透明度bgAlpha

4,調試項目:

在新建好的HelloWorld項目中,函數里面(可以是開頭)加一句console.log("HelloWorld");  然后ctrl+s 即可自動構建項目,也可以到菜單里將自動構建取消而手動點擊構建項目按鈕即可(命令行情況下,就是egret build),構建完成后點擊調試按鈕即可,會自動打開瀏覽器(瀏覽器最好有Chrome);F12即開發者工具;在控制台即可看到 HelloWorld  ;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM