最近微信新版本,主推小程序中的小游戏模块,一个 “跳一跳” 的 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 就是加了类型的 JavaScript ,可以编译生成 JavaScript 。
特点:
编译型语言
强类型且
真正面向对象的语言
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 安装完成之后,在命令行中输入一个安装指令:
npminstall-g typescript
1
查询是否安装成功:
tsc-v
1
看到对应的版本信息即表示安装成功。
LayaAir IDE 是免安装的软件,解压安装包后双击 LayaAir.exe 即可打开,但在新建工程之前,需要先安装上述下载好的引擎,否则创建工程之后会提示 “LayaAirIDE需要ts编译环境,是否要安装?” 。
网友评论