引言：

最近微信新版本，主推小程式中的小遊戲模組，一個 “跳一跳” 的 H5 遊戲瞬間爆火，雖然很多傳言說 H5 真正盈利的時機未到，因為它的突出作品大多是簡單的小遊戲，好玩但不吸引付費。然而，H5 遊戲巨大流量和強大的日活躍還是可以轉化為利潤的。最近也是公司想將一個 U3D 的休閒專案開發出 H5 版本，所以大概瞭解以下這個行業的一些技術。

主流引擎：

大概瀏覽了一遍各大論壇和技術部落格，當前比較流行的 H5 遊戲引擎有兩個：

• LayaAir：這是 Layabox 公司旗下的第二代 HTML5 開發引擎，效能上已經達到原生 APP 的水準，支援 2D 、 3D 、 VR 、AR 、 Native 手遊 和 頁遊。支援 ActionScript3
  、TypeScript 、JavaScript 三種語言，
• Egret 也叫白鷺，是使用 JavaScript（TypeScript）編寫的 HTML5 開源免費遊戲框架。

參考一篇效能對比的部落格 如何選擇 H5 遊戲引擎 之後，最終我選擇用 LayaAir 來試試看。

語言選擇：

都知道 Js 並非強型別的語言，在大型專案中，使用沒強型別的語言是還是挺可怕的，為了 Egret 和 LayaAir 都支援用 TypeScript 這種強型別的語言，且此語言於 JS 語法完全相容。所以，基於我們專案還是有一定複雜度，最終選擇 TypeScript 吧。

可以大致理解為： TypeScript

特點：

• 編譯型語言
• 強型別且
• 真正面向物件的語言

LayaAir 安裝：

使用 TypeScript 來開發 HTML5 需要依賴 Node.js ，主要是利用啟動的 NPM 工具來下載 TypeScript Compiler ，然後使用此 Compiler 來將 TypeScript 轉為 JavaScript。安裝方式是在 Node.js 安裝完成之後，在命令列中輸入一個安裝指令：

npm install -g typescript

查詢是否安裝成功：

tsc -v

看到對應的版本資訊即表示安裝成功。

LayaAir IDE 是免安裝的軟體，解壓安裝包後雙擊 LayaAir.exe 即可開啟，但在新建工程之前，需要先安裝上述下載好的引擎，否則建立工程之後會提示 “LayaAirIDE需要ts編譯環境，是否要安裝？” 。

參考文章：