引言：

最近微信新版本，主推小程序中的小游戏模块，一个 “跳一跳” 的 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开发者)

---

微信公众号「何乐不为呢」，一个码农的技术笔记和唠叨