引言：

最近微信新版本，主推小程序中的小游戲模塊，一個(gè) “跳一跳” 的 H5 游戲瞬間爆火，雖然很多傳言說(shuō) H5 真正盈利的時(shí)機(jī)未到，因?yàn)樗耐怀鲎髌反蠖嗍呛?jiǎn)單的小游戲，好玩但不吸引付費(fèi)。然而，H5 游戲巨大流量和強(qiáng)大的日活躍還是可以轉(zhuǎn)化為利潤(rùn)的。最近也是公司想將一個(gè) U3D 的休閑項(xiàng)目開發(fā)出 H5 版本，所以大概了解以下這個(gè)行業(yè)的一些技術(shù)。

主流引擎：

大概瀏覽了一遍各大論壇和技術(shù)博客，當(dāng)前比較流行的 H5 游戲引擎有兩個(gè)：

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

LayaAir 官網(wǎng)

白鷺（Egret）官網(wǎng)

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

語(yǔ)言選擇：

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

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

特點(diǎn)：

• 編譯型語(yǔ)言
• 強(qiáng)類型且
• 真正面向?qū)ο蟮恼Z(yǔ)言

LayaAir 安裝：

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

使用 TypeScript 來(lái)開發(fā) HTML5 需要依賴 Node.js ，主要是利用啟動(dòng)的 NPM 工具來(lái)下載 TypeScript Compiler ，然后使用此 Compiler 來(lái)將 TypeScript 轉(zhuǎn)為 JavaScript。安裝方式是在 Node.js 安裝完成之后，在命令行中輸入一個(gè)安裝指令：

npm install -g typescript

查詢是否安裝成功：

tsc -v

看到對(duì)應(yīng)的版本信息即表示安裝成功。

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

關(guān)于 TypeScript 的基礎(chǔ)語(yǔ)法，可以參考 智能社：TypeScript—2小時(shí)帶你體驗(yàn)微軟新坑 這個(gè)視頻教程。也可參考文檔：TypeScript Handbook（中文版）

參考文章：

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

---

微信公眾號(hào)「何樂不為呢」，一個(gè)碼農(nóng)的技術(shù)筆記和嘮叨

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。