egret之HelloWorld

jk_v1 發布于2019-08-23 14:15 / 2422人閱讀

摘要：但是不好的地方是或打開會變形。但是這三個地方還是以實際項目需求為準，以上是常規的設置。選擇完之后，我們點擊完成。所以幀率越高，則表示性能越好，流暢度高。并且代表作品萌雞駕到美旅出行小程序電競桌子小程序。

標簽: egret，入門 什么是Egret？

Egret是一套HTML5游戲開發解決方案，產品包含Egret Engine，Egret Wing，EgretVS，Res Depot，Texture Merger，TS Conversion，Egret Feather，Egret Inspector，DragonBones，Lakeshore等。而核心產品是Egret Engine，是一個基于TypeScript語言開發的一個HTML5游戲引擎，其余的大多是開發和輔助工具。

　　關于這個引擎和工具方面的介紹，我就不多說了，以下是白鷺的下載地址。

　　Egret官網：http://egret.com/

準備階段：

我們要下載

并且在里面下載

使用階段：

在以上工具都準備后，在engine界面或者桌面圖標點擊打開Egret Wing，會看到以下畫面：

Wing可以理解為專門使用TypeScript開發白鷺項目的IDE了，以后我們使用egret過程中，會一直跟這個界面打交道。

　　好，現在我們先創建一個項目，我先建一個游戲項目，置于其他界面有什么區別呢，可以自行新建試試。EUI是主要做交互界面的，空項目是沒有配置好相關需要的代碼以及功能模塊的，例如做緩動效果的Tween和加載的RES等等，所以為了方便，我們一般直接新建游戲項目。

在這里，你需要配置游戲界面的大小，視頻模式以及旋轉設置。尺寸直接是設計圖寬高，而視口我們一般會選擇showALL（顯示全部內容，不變形但會在留白），

　　網上也有一部分人開發的時候用fixedWidth（適配寬度，高度不足時會隱藏底下部分，適用于只有一些動畫在上方，且下方是無關重要的背景時）。

　　還有一些會用到百分百滿屏的exacFit，設計師弄一個適中的尺寸，然后按照這種模式鋪滿全屏，有少數很寬或很長的屏幕會有一點變形，但是不影響游戲體驗界面。但是不好的地方是PC或pad打開會變形。
　　但是這三個地方還是以實際項目需求為準，以上是常規的設置。

選擇完之后，我們點擊完成。打開新建的項目目錄：

src是TypeScript源碼目錄，bin-debug是調試環境編譯出來的js，libs是文件包的引用目錄，template主要是app用到的runtime；

　　resource是我們項目中的資源路徑，一般我們把圖片音頻等素材放置asset目錄下，json等配置文件放置config目錄下，default.res.json是我們用于加載資源的json配置文件，一般不修改名字，后面會講到怎么使用。

　　egretProperties是我們這個項目的一些配置記錄信息，一般我們不需要動它。而index.html就是我們游戲的主界面文件。

　　打開index.html

將data-show-fps和data-show-log設成true，我們就可以看到游戲運行的實時幀率了。

幀率可以檢測游戲運行的流暢度（性能），渲染數量越多，同時計算量越大，性能就越差，掉幀就越多。所以幀率越高，則表示性能越好，流暢度高。
另外，在底部，我們還能看到一個egret.runEgret({})的運行方法，在這里，你可以修改egret的渲染模式，默認是"webgl"。但是如果你需要用到跨域圖片資源或者有大量的圖片和文字，你最好還是使用"canvas"模式，避免跨域報錯和性能問題。

點完編譯，點調試，之后就出出現游戲界面，這是egret demo項目界面

Hello World

在main 找到 createGameScene方法，然后添加

編譯運行

作者簡介：何永峰，蘆葦科技web前端開發工程師，喜歡到處尋找好吃的，平時愛好是跳舞，打籃球，聽音樂，有時會出席一些大型的舞蹈商演活動，目前是Acum.Revolution現狀革命成員之一。并且代表作品：萌雞駕到、美旅出行小程序、電競桌子小程序。擅長網站建設、公眾號開發、微信小程序開發、小游戲、公眾號開發，專注于前端領域框架、交互設計、圖像繪制、數據分析等研究，訪問 www.talkmoney.cn 了解更多。

GPU云服務器云服務器 HelloWorld egret 部署Egret Egret3D

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/100350.html

游戲小學生02-HelloWorld

摘要：引入宋丹丹老師在小品中曾經說過，把大象裝進冰箱只需要三步，打開冰箱，把大象放進冰箱，關上冰箱。這些步驟的前提就是依賴有一個冰箱當然，在創建的時候，也是需要有一個前提條件的，那就是把基礎的開發環境搭建完成。引入宋丹丹老師在小品中曾經說過，把大象裝進冰箱只需要三步，打開冰箱，把大象放進冰箱，關上冰箱。這些步驟的前提就是依賴有一個冰箱~~~ HelloWorld 當然，在創建Hello...

crossea 2019-08-21 16:43 評論0 收藏0
erget源碼分析(1):入口文件分析

摘要：是一個靜態類，調用方法來初始化各項支持信息。小結通過和這兩個靜態類初始化了項目運行的環境參數，然后創建了屏幕適配器根據不同的適配策略調整。下一篇源碼分析全局哈希基類和全局異步函數對象接口 egret的github地址是https://github.com/egret-labs...，大家自己git clone到本地。一.路口html文件用ergetWing新建一個工程，打開根目錄下...

Rainie 2019-08-21 17:35 評論0 收藏0
密室逃生Egret游戲教程

摘要：這個類可以大大減少后期的代碼量，降低整體的耦合度。關鍵代碼是把位圖按照區域進行分割，顯示對象的滾動矩形范圍。這次給大家帶來的是通過Egret實現密室逃生小游戲的教程。該游戲包括人物狀態機、MVC設計模式和單例模式，該游戲在1.5s內通過玩家點擊操作尋找安全點，方可進入下一關，關卡無限，分數無限。下面是具體的模塊介紹和代碼實現。該游戲主要內容包括 **開始游戲場景游戲場景游戲結束結算...

elva 2019-08-23 12:12 評論0 收藏0