二十二款最受欢迎的HTML5游戏引擎对比(上)

1)construct2 construct2是一款跨平台二维游戏开发引擎,不需要编码,通过定义各个部件和事件完成html5的游戏开发。 该引擎可以将开发的封装成多种形式,如phonegap、cocoonjs,再用相应工具生成ios和android的应用。 特点: 不需要编程,简单直观,入门容易。长处是开发射击及动作类的平面游戏。 有丰富的英文资料。 缺点: 工具自身无法直接打包应用,必须借助第三方工具。 中文资料几乎没有。 授权: 免费版:仅能发布html5,部分功能缩水。 个人版:包含所有功能,只限个人使用,不得用于企业组织,用construct2开发的游戏收入超过5000美元后,必须购买商业版。 商业版:包含所有功能,无使用限制。

2)ImpactJs ImpactJS是一个基于JavaScript的HTML5游戏引擎,同时支持PC和移动平台浏览器。它是目前除了Construct2之外最受欢迎的HTML5游戏引擎,使用需要支付99美元。 优点:

  1. 提供了灵活的关卡编辑器,可以快速构建游戏地图
  2. 提供了强大的调试工具
  3. 提供了Ejecta可以将JavaScript的执行结果通过OpenGL渲染出来,可以在iOS平台上获得与原生应用相近的效率
  4. 文档齐全,有两本专门介绍ImpactJS开发的书
  5. 支持物理效果
  6. 支持自己编写插件来扩展

3)EaselJS CreateJS(EaselJS) CreateJS是Adobe官方赞助的开源开发框架,它大部分API都是基于Flash原有的API来模仿实现的,并且官方提供了直接把Flash动画转成JS数据包的工具,调用起来很方便。CreateJS提供了若干开发套件及工具,分别是:EaselJS(负责图形、事件、触控、滤镜等功能)、TweenJS(补间动画)、SoundJS(音频控制)、PreloadJS(文件加载)和Zoë(生成图片精灵及动画数据)。 优点:

  1. Flash开发者很容易上手
  2. 提供了Flash转html5的工具,可以将部分Flash代码进行转换再修改
  3. 基于MIT协议的开源框架
  4. 类库设计非常独立,包含不同的模块,可选择性使用

4)Phaser Phaser 是一个开源的桌面和移动 HTML5 2D 游戏开发框架,支持 JavaScript 和 TypeScript。 主要特性: 优点: JavaScript、TypeScript双重支持 内置游戏对象的物理属性 WebGL、Canvas渲染自由切换 完全支持Web音频 输入:多点触控、键盘、鼠标、MSPointer事件 除了IE 9+、Firefox、Chrome、Safari及Opera等桌面浏览器之外,Phaser还支持Mobile Chrome(Android 2.2+)及Mobile Safari(iOS 5+)等移动浏览器。使用Phaser进行游戏开发没有任何语言设定,并且,在Phaser官网上,还提供了非常详细的开发指南,想要一探究竟的开发者不妨直接登陆Phaser查看。

5)Pixi.js Pixi.js是一款超快的开源HTML5 2D渲染引擎,使用带有Canvas回调功能的WebGL。作为JavaScript的2D渲染器,Pixi的目标是,可以提供一个快速且轻量级的2D库,并能兼容所有设备。此外,让开发者无需了解WebGL,就可以感受到硬件加速的力量。 优点: 真正的跨平台:在今天,开发工具跨平台已经不是什么稀奇的事了。不过,Pixi.js则是一个可以兼容所有设备的超快HTML5 2D渲染引擎,并且拥有canvas回调功能的WebGL,实现真正的跨平台。 交互式多点触控:Pixi不仅支持移动和平板设备,还具有完整的多点触控输入识别,让开发者可以发挥自己的能力去挖掘出它所有的潜力。 WebGL过滤器:当使用WebGL时,Pixi允许你使用自己熟悉且现有的过滤器。当然,你也可以使用自己创建的独一无二的过滤器,比如自定位移和半色调效果。 着色和混合模式:对设计师来说,会很喜欢这个,Pixi.js允许用户着色和使用混合模式就像其他常见的视觉包比如Photoshop或Flash。 渲染器自动检测:这个算是Pixi的一大特色,虽然Pixi是主要作为WebGL 2D渲染器而创建的,但仍支持非WebGL平台。其解决方案就是创建一个Canvas回调系统,只需一次编码,Pixi就可无缝管理回调。 简易API:设计直观,易于上手。 资源加载:精灵表单、图形、字体和动画数据等都可通过Pixi.js来加载和处理。 支持精灵表单(Sprite sheet)。

6)GameMaker(200美元) GameMaker 是一款拥有图形界面,可灵活编程,以2D游戏设计为主的游戏开发软件。本软件由 Mark Overmars 使用 Delphi 语言开发,于 1999 年 11 月发布了首个公开版本,在 4.3 版之后转为部分功能收费软件。后由英国公司 Yoyogames 收购,大力推动了欧美乃至全世界独立游戏界的发展。目前最新版本为V8.1。

7)Three.js Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏)


上一篇:w3c javascript参考手册
下一篇:微信火了HTML5,技术革新才是未来

相关推荐

  • 防止对HTML5的浏览器历史popstate滚动

    Alex Malet de Carteret提出了一个问题:Prevent browser scroll on HTML5 History popstate,或许与您遇到的问题类似。

    3 年前
  • 防止HTML5视频被下载(右键保存)?

    Mureinikpython提出了一个问题:Prevent HTML5 video from being downloaded (right-click saved)?,或许与您遇到的问题类似。

    3 年前
  • 重学前端学习笔记(二十二)--选择器的机制

    笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入winter的...

    1 年前
  • 选择移动Web HTML5框架[关闭]

    Andrew BarberSarfraz提出了一个问题:Choosing Mobile Web HTML5 Framework [closed],或许与您遇到的问题类似。

    3 年前
  • 调整HTML5画布大小以适应窗口

    shekhardevyn提出了一个问题:Resize HTML5 canvas to fit window,或许与您遇到的问题类似。 回答者devyn给出了该问题的处理方式: I believe I ...

    3 年前
  • 调整HTML5画布中的图像大小

    Telanor提出了一个问题:Resizing an image in an HTML5 canvas,或许与您遇到的问题类似。 回答者Mikksyockit给出了该问题的处理方式: So what ...

    3 年前
  • 读 《HTML5 揭秘》有感

    最近在补一些 HTML 的书籍,偶尔读到这本书,虽然这本书已经是10年以前的书籍了,不过其中有些有趣的知识点与观点被我提取了出来。 标准创建与技术实现冲突 作者在开始就提出了 Mozilla 开发人员...

    6 个月前
  • 详解HTML5游戏玩家流失原因

    对任何类型的电子游戏来说,玩家流失都是一个无法回避的问题。玩家为什么离开游戏?近日,HTML5游戏设定师纳森·洛维托(Nathan Lovato)在游戏开发者网站Gamasutra撰写文章,解读了玩家...

    5 年前
  • 设置自定义HTML5所需的字段验证消息

    G5WSumit Bijvani提出了一个问题:Set custom HTML5 required field validation message,或许与您遇到的问题类似。

    3 年前
  • 设置HTML5音频位置

    katspaugh提出了一个问题:Setting HTML5 audio position,或许与您遇到的问题类似。 回答者soemarko给出了该问题的处理方式: Works on my chrom...

    2 年前

官方社区

扫码加入 JavaScript 社区