文章出處

  • Egret Engine簡要介紹-----

  Egret Engine(白鷺引擎)【Egret Engine官網:http://www.egret-labs.org/】是一款使用TypeScript語言構建的開源免費的移動游戲引擎。白鷺引擎的核心定位是開放,高效,優雅。通過它,你可以快速地創建HTML5類型的移動游戲,也可以將游戲項目編譯輸出成為目標移動平臺的原生游戲應用。

  提到Egret Engine(白鷺引擎)就不得不提《圍住神經貓》這一火爆游戲,7月22日,一款名為《圍住神經貓》小游戲在微信朋友圈上瘋傳,不知逼瘋了多少“精神病院長”。那只自從得了精神病,整個人都精神多了的貓恣意逃竄,并迅速刷屏朋友圈!可以說《圍住神經貓》使得Egret Engine(白鷺引擎)一炮走紅!

火遍朋友圈的H5小游戲《圍住神經貓》

 

  

由于《圍住神經貓》的大獲成功,已經有多家游戲研發團隊主動找上門與Egret(白鷺)游戲引擎洽談合作。未來,也會和更多研發團隊合作,對產品提供強力的技術支持,為玩家奉上更多好玩兒游戲。

  Egret(白鷺)游戲引擎可一次開發分別部署在Android、IOS和WP原生平臺或者Html版本,最大的優勢就是可以直接將Flash網頁游戲轉換成手機游戲,性能高效,簡單易用。選用TYPESCRIPT,是因為TypeScript的語言設計和ActionScript3.0一模一樣,可以幫助幾十萬Flash開發者快速上手Egret。他們花很短的時間就能上手。為了知識體系的過渡,我們把flash整個的顯示列表技術和API設計技術用原封不動的語法設計從ActionScript3.0挪到了TypeScript上。

 

  • TypeScript介紹------

  TypeScript【http://www.typescriptlang.org/】是一種由微軟開發的自由和開源的編程語言。它是JavaScript的一個超集,而且本質上向這個語言添加了可選的靜態類型和基于類的面向對象編程。安德斯·海爾斯伯格,C#的首席架構師,已工作于TypeScript的開發。

  與JavaScript相比,TypeScript進步的地方包括:加入注釋,讓編譯器理解所支持的對象和函數,編譯器會移除注釋,不會增加開銷;增加一個完整的類結構,使之更新是傳統的面向對象語言。

   TypeScript是微軟官方的一種語言,是JavaScript的超集。它遵循的ECMA Script 6.0是下一代的JavaScript。今年年底,微軟、谷歌和Mozila三個擁有自主技術的瀏覽器巨頭會宣稱在他們的瀏覽器JIT環節支持JavaScript2.0——其實就是ES6。但是現在瀏覽器都是JavaScript1.5的版本,是弱類型的語言,還沒有面向對象的概念,沒有類、沒有命名空間等等。所以從微軟的角度來說,推出TypeScript是幫助web開發者過渡到未來的web開發技術當中。

  • 安裝部署-----

1.安裝node.js,直接到官網下載【 http://www.nodejs.org/
2.安裝結束后,要驗證是否設置成功在命令提示符下輸入npm,如果提示“不是內部或外部命令,也不是可運行的程序或批處理文件”,則還需要設置,打開nodejs安裝目錄可以看到一個批命令文件“ nodevars.bat”,右擊鼠標,以管理員身份運行,運行之后,再次驗證
3.安裝egret,我下載的是最新版的和官網文檔所示的安裝有所不同,
  a.安裝之后打開安裝目錄,安裝之后,按住shift鍵的同時右擊鼠標,見證奇跡的時刻到了,你會發現多了一個命令,“在此處打開命令”,這樣就不需要每次轉換目錄啦
  b.進入 “\EgretEngine\win\egret\” 目錄
  c.在“install.bat”文件上右擊鼠標右鍵,以管理員身份運行,運行之后檢查是否安裝成功
  d.在命令提示符下輸入“egret”,如果提示“不是內部或外部命令,也不是可運行的程序或批處理文件”,則還需要設置,請檢查第三步c是否正確執行,如果還是出現問題則參考e

  e.打開 “\EgretEngine\win\egret\” 目錄,然后按住shift鍵的同時右擊鼠標,選擇“在此處打開命令”,輸入安裝命令“npm install -g”,結束后再次檢查,如果出現egret的用法說明已安裝成功
4.安裝一個你喜歡用的代碼編輯器,用來編寫TypeScript代碼

  • 新建項目步驟------

使用命令提示符,轉到你希望保存創建項目的目錄,然后輸入以下命令

1.創建項目:egret create 【項目名稱】
2.編譯項目:egret build 【項目名稱】
3.運行項目:egret startserver 【項目名稱】
4.發布項目:egret publish 【項目名稱】


文章列表




Avast logo

Avast 防毒軟體已檢查此封電子郵件的病毒。
www.avast.com


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()