引言：

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

主流引擎：

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

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

LayaAir 官網

白鷺（Egret）官網

參考一篇性能對比的博客 如何選擇 H5 游戲引擎 之后，最終我選擇用 LayaAir 來試試看。

語言選擇：

都知道 Js 并非強類型的語言，在大型項目中，使用沒強類型的語言是還是挺可怕的，為了 Egret 和 LayaAir 都支持用 TypeScript 這種強類型的語言，且此語言于 JS 語法完全兼容。所以，基于我們項目還是有一定復雜度，最終選擇 TypeScript 吧。

可以大致理解為： TypeScript 就是加了類型的 JavaScript ，可以編譯生成 JavaScript 。

特點：

• 編譯型語言
• 強類型且
• 真正面向對象的語言

LayaAir 安裝：

• Node.js 下載 選擇最新的 v8.9.3 ；
• LayaAir IDE 下載 選擇最新的 1.7.14 beta ；
• LayaAir 引擎下載 下載 1.7.14 beta 的 TS 版本 。

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

npm install -g typescript

查詢是否安裝成功：

tsc -v

看到對應的版本信息即表示安裝成功。

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

關于 TypeScript 的基礎語法，可以參考 智能社：TypeScript—2小時帶你體驗微軟新坑 這個視頻教程。也可參考文檔：TypeScript Handbook（中文版）

參考文章：

• 開發H5游戲引擎的選擇：Egret或Laya？
• 搭建開發環境（TS代碼編譯器）
• 入門教程:一篇學會LayaAir引擎開發HTML5(面向JS開發者)

---

微信公眾號「何樂不為呢」，一個碼農的技術筆記和嘮叨

總結

以上是生活随笔為你收集整理的H5 游戏主流引擎和编程语言的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。