澳门新葡8455最新网站2是三个运营于Windows平台的游戏制作工具,开源分布式游戏服务端引擎 发表于 2周前

澳门新葡8455最新网站 18

前言

很多刚刚接触到游戏开发,准备大展拳脚的小鲜肉们,往往在技术选型这第一关就栽了跟头。毕竟网络上的游戏引擎良莠不齐,官网上相关资料也比较少,而选择一个适合的游戏引擎是一个项目最基础,也是很核心的一部分。
试想一下,在游戏开发进行到中后期的时候,才发现项目引入的游戏引擎与需求相悖,这时候不管是重新做一些修修补补的工作或者更换游戏引擎,这都是相当耗费人力物力的一件事。为了避免这种情况的出现,在前期选择适合项目需求的游戏引擎显得尤为重要。
接下来我们来聊一聊如何去选择适合项目的 JS 游戏引擎。

Construct
2是一个运行于Windows平台的游戏制作工具,它可以让没有任何编程基础的用户在短时间内不写一行代码快速开发出一款可运行于所有平台(Windows、Mac、Linux、Android、iOS等)的游戏。免费版可以将游戏导出成HTML5。收费版本分为个人版和企业版,可以导出所有平台的版本,同时提供了更多的特效和音乐。如果使用该工具盈利超过5000美元,需要升级到企业版。

引用本文为@安卓大王子投稿,欢迎技术投稿、约稿,给文章纠错,请发送邮件至tangxy@csdn.net。HTML5游戏从2014年Egret引擎开发的神经猫引爆朋友圈之后,就开始一发不可收拾,今年《传奇世界》更是突破流水2000万!从两年多的发展来看,游戏开发变得越来越复杂,需要制作各种炫丽的效果,还要制作各种基于
2D 或者 3D
的场景。作为一名开发者,分析了当下最火爆,最热门的HTML5游戏引擎供大家参考,希望大家也能找到属于自己的那款游戏开发引擎。我在github上面收集了四十多款的HTML5开源游戏引擎,从里面star、fork等等参数分析其流行度,最后综合各方面元素,筛选出靠前的十五款免费收费1、Construct
2
Construct
2是一个运行于Windows平台的游戏制作工具,它可以让没有任何编程基础的用户在短时间内不写一行代码快速开发出一款可运行于所有平台的游戏。免费版可以将游戏导出成HTML5。收费版本分为个人版和企业版,可以导出所有平台的版本,同时提供了更多的特效和音乐。如果使用该工具盈利超过5000美元,需要升级到企业版。特点:简单直观,入门容易,无需编程也能做游戏,长处是开发射击及动作类的平面游戏,有丰富的英文资料。优点:支持多平台及Mobile
Safari等移动浏览器。使用Phaser进行游戏开发没有任何语言设定,并且,在Phaser官网上,还提供了非常详细的开发指南,想要一探究竟的开发者不妨直接登陆Phaser查看。4、Pixi.jsPixi.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来加载和处理。支持精灵表单。5、egretEgret
游戏解决方案包含了开源免费的 HTML5 游戏引擎、Egret
项目开发工具集合、动画特效制作工具、原生多平台打包工具、高效的 HTML5
游戏应用加速器、以及支持多渠道的开放平台等。开发者可以通过Egret项目开发工具快速、高效的制作及开发游戏相关各类内容,加速器将游戏效果提高到与原生游戏相媲美的效果。制作后的游戏发布到开放平台后,有着优质的渠道资源可以将游戏推荐给更多的用户,使得游戏开发、发布、推广变为一体化内容。主要特性:基于TypeScript及JavaScript技术,支持Flash到Egret高效转换,引擎、工具、运行时完整工作流跨平台:HTML5、iOS、Android、Windows
Phone全中文文档:文档与开发者社区齐全开源免费,BSD开源协议、任意定制及扩展6、enchantjsEnchant.js
是个简单的 JavaScript 框架,可以使用 HTML5 和 JavaScript
来开发简单的游戏和应用。现在还是由 UEI 的 Akihabara
研究中心来开发和维护。7、craftyCrafty是一个体积小、简单、轻量级的2D的HTML5游戏引擎,它提供了通过Canvas或DOM来绘制实体,提供了精灵Map以及SAT高级碰撞监测支持。它是由个人创建,同时由Github上的一些开发者共同开发。优点:体积小轻量级引擎,不会受到框架的太多束缚同时支持PC和移动平台浏览器8、turbulenzTurbulenz是一个开源的HTML5游戏引擎,提供了可以运行在Windows、MacOS、Linux上的SDK,允许开发人员创建高质量和硬件加速的2D、3D游戏。包括以下功能:异步资源加载、进行特效和粒子渲染、支持物理效果、碰撞检测以及动画、3D音效支持、支持网络交互以及社交网络分享、场景和资源的管理。9、html5gameengine

HTML5游戏框架QuarkJS

Quark JS (quark.js) 是一个全新的 javascript 的 HTML5 游戏开发框架,目前由@flashlizi负责维护,有@大城小胖 @真阿当 @06wj @Bobby_casperCBY @裕波 @米粽my @寒冬winter等一起参与完善。…更多QuarkJS信息

Phaser

Phaser 在渲染方面直接封装了 Pixi;架构方面,Phaser
内嵌了3个物理引擎(Arcade
Physics、Ninja、p2.js),提供粒子系统、动画、预下载和设备适配方案;兼容性方面,Phaser
的焦点是放在移动端浏览器上的;API 方面,Phaser
能实现丰富的游戏功能,适合复杂度高的游戏开发。

缺点:

1.非开源,且中文教程极其匮乏;2.更新慢,功能不够强大;

GameMaker与Construct
2类似,都是一个游戏制作工具,可以导出到各个平台运行,分为免费版、标准版、专业版和大师版。其中免费版只能导出Mac和Windows版本,导出HTML5需要大师版或者专业版(再额外支付99.99美元)。

澳门新葡8455最新网站 1image澳门新葡8455最新网站 2image

澳门新葡8455最新网站 3

HTML5游戏引擎Turbulenz

Turbulenz 是开源 HTML5游戏引擎,该项目基于MIT许可证。Turbulenz允许所有构建基块的开发人员创建高质量和硬件加速的2D、3D游戏,该项目可适用于多个平台包括手机、平板及Web;提供给了易于安装的SDK,支持Windows、Mac OS X、GNU/Linux等系统。…更多Turbulenz信息

游戏场景分类

在刚接到游戏需求时,我们可以从以下几个方面进行考量,分析出游戏需求场景所属,从而作为我们选择游戏引擎的依据。

  • 游戏效果呈现方式( 2D ? 3D ? VR ?)
    这与游戏引擎能够支持的渲染方式直接挂钩。现在的 H5 游戏渲染方式一般有
    2D 渲染、3D 渲染、VR 渲染三种。
    而 2D 渲染一般也有三种:Dom 渲染、Canvas 渲染、WebGL 渲染。Dom
    由于性能原因,一般只适合做一些动画效果较少,交互较少的小游戏,本文主要针对
    Canvas 和 WebGL 展开介绍。
    一般来说,对于 2D 小游戏来说,Canvas 渲染已经足够。然而 Canvas
    渲染由于底层封装层次多,不足以支撑起大型游戏的性能要求,因此大型游戏最好选择
    WebGL 渲染或者浏览器内嵌 Runtime 。
  • 游戏复杂度
    这与游戏引擎能够支持的功能,提供的API,性能等方面关系比较大。

HTML5游戏从2014年Egret引擎开发的神经猫引爆朋友圈之后,就开始一发不可收拾,今年《传奇世界》更是突破流水2000万!从两年多的发展来看,游戏开发变得越来越复杂,需要制作各种炫丽的效果,还要制作各种基于
2D 或者 3D
的场景。作为一名开发者,分析了当下最火爆,最热门的HTML5游戏引擎供大家参考,希望大家也能找到属于自己的那款游戏开发引擎。

澳门新葡8455最新网站,js 2D物理引擎PoorPhy

该类库(我觉得它不配称为物理引擎)如同它的名字一般, 是一个廉价的、寒酸的东西。它和Box2D Chipmunk2D 一类成熟的物理引擎毫无可比性。 PoorPhy的定位是: 应用于那些需要2D物理效果,但并不要求物理效果需要十分精确(对代码体积 性能 易用性上的要求 远…

更多PoorPhy信息

最近更新: PoorPhy —— JavaScript 的 2D 物理引擎 [国产] 发布于 2年前

Cocos2d-x

Cocos2d-x 是业界比较老牌的游戏引擎了,同时支持 C++ ,Lua 和 JavaScript
三种开发语言,官方用例来看更倾向于 C++
开发,适合做一些中大型游戏开发。Cocos2d-x 提供 Cocos Creator
游戏开发工具,组件化,脚本化,数据驱动,跨平台发布。

澳门新葡8455最新网站 4image

HTML5 游戏引擎Quintus

Quintus 是一个易学,使用有趣的 JavaScript HTML5 游戏引擎,支持移动和桌面开发。包含一个模块化的引擎可轻松开发游戏,并在同一个页面上运行多个实例。更多Quintus信息

Hilo

Hilo
是阿里团队推出的一个开源项目,支持模块化开发,同时提供了多种模块范式的包装版本和跨终端解决方案,适合用来开发营销小游戏。其体积也是比较轻量的,只有70kb左右。Hilo
支持 DOM 渲染,Canvas 渲染和 WebGL 渲染,同时集成了 Hilo Audio, Hilo
Preload。其后推出的 Hilo 3D 也是其亮点之一。

优点和缺点:

优势与Construct2类似,但性价比不如Construct2高

Hilo,一套HTML5跨终端的互动游戏解决方案开源啦!。Hilo支持了多届淘宝&天猫狂欢城等双十一大型和日常营销活动。内核极简,提供包括DOM,Canvas,Flash,WebGL等多种渲染方案,满足全终端和性能要求。

澳门新葡8455最新网站 5image

3D游戏界面开发平台Famo.us

Famo.us本质上就是一个JavaScript游戏引擎,帮助编程者开发高性能并可在原生和浏览器环境下运行的应用。它提供一个强有力的JavaScript框架和大量的开发者工具,这些框架和工具其设计目的是用来构建功能丰富、反应快速的Web应用程序。 Famo.us采用一种独特的…更多Famo.us信息

最近更新: HTML5大提速,Famo.us 消灭浏览器原罪 发布于 11个月前

Egret

澳门新葡8455最新网站 6

Egret 周边产品

白鹭引擎是企业级游戏引擎,有团队维护。Egret
在工作流的支持上做的是比较好的,从 Wing 的代码编写,到 ResDepot 和
TextureMerger 的资源整合,再到 Inspector 调试,最后到原生打包(支持 APP
打包),游戏开发过程中的每个环节基本都有工具支撑。官网上的示例,教程也是比较多。值得一提的是,今年5月白鹭引擎支持了
WebAssembly ,这对于性能的提升又是一大里程碑。

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

Cocos2d-javascript

Cocos2d-javascript 是基于cocos2d-iphone 的 2D 的游戏/图形引擎。 在线演示:http://cocos2d-javascript.org/demo?demo=mario更多Cocos2d-javascript信息

PlayCanvas

从渲染支持程度来看,PlayCanvas 不仅支持 3D WebGL渲染,同时保持到 VR
的支持,拥有比较好的拓展性。在工具流的支持上,提供了在线编辑器和发布托管等服务。从官方教程上看,教程也是比较详细的。

主要特性:
  1. 基于TypeScript及JavaScript技术,支持Flash到Egret高效转换,引擎、工具、运行时完整工作流
  2. 跨平台:HTML5,iOS,Android,Windows Phone
  3. 全中文文档:文档与开发者社区齐全
  4. 开源免费,BSD开源协议、任意定制及扩展

Enchant.js 是个简单的 JavaScript 框架,可以使用 HTML5 和 JavaScript
来开发简单的游戏和应用。现在还是由 UEI 的 Akihabara
研究中心来开发和维护。在线演示

澳门新葡8455最新网站 7image

Crafty是一个体积小、简单、轻量级的2D的HTML5游戏引擎,它提供了通过Canvas或DOM来绘制实体,提供了精灵Map以及SAT高级碰撞监测支持。它是由个人(Louis
Stowasser)创建,同时由Github上的一些开发者共同开发。

澳门新葡8455最新网站 8image

JavaScript 游戏开发框架LimeJS

LimeJS 是一个 JavaScript 游戏开发框架,允许开发者创建基于 HTML5 的游戏,支持主流浏览器包括iOS。 更多LimeJS信息

游戏引擎推荐

笔者从业界较流行的一些框架,进行以下几个方面对比,希望能从客观数据上给大家的技术选型带来建议和参考。

  • 引擎支持的渲染方式
  • github上的 star 数
  • 更新时间
  • 文档详细度
  • 周边产品

2D,3D,VR 都支持的游戏引擎

name 2D渲染(Canvas) 2D渲染(WebGL) 3D渲染(WebGL) VR github star 数 文档详细程度 周边产品 备注
Egret YES YES YES YES 2k(最新更新2017.12)
▪ 有中文文档
▪ 例子充足
▪ 社区活跃
游戏开发过程中的每个环节基本都有工具支撑。 不仅仅提供了一个基于HTML5技术的游戏引擎,更是提供了原生打包工具和众多周边产品
LayaAir YES YES(优先) YES YES 0.7k(最新更新2017.12)
▪ 有中文文档
▪ 例子充足
▪ 社区活跃
提供开发工具和可视化编辑器 支持2D、3D、VR,能开发超大游戏,forgame的醉西游,腾讯的QQ农场,乐动卓越的浪漫h5这些大作就是用它开发
主要特性:
  1. 极简内核:
    Hilo核心模块极精简,保留了2D游戏引擎最必要的模块,同时采用模块化管理。
  2. 完善接入&扩展: Hilo
    支持多种模块范式的包装版本,包括AMD,CMD,Standalone多种方式接入。另外,你可以新增和扩展需要的模块和类型。
  3. 多种渲染方式:提供DOM,Canvas,Flash,WebGL等多种渲染方案,可以做到跨全端,高性能的要求。
  4. 完善的周边工具:提供动画编辑器
    ,Yeoman脚手架及典型案例产出的辅助开发工具。
  5. 案例丰富:
    支持天猫,手淘多次大型和日常活动,如双十一,年中大促等。代表产品如狂欢城。

本文参考数据来自:1.Github2.html5gameengine

文章来自:2016年 最火的 15 款 HTML5 游戏引擎

HTML5 游戏开发框架Phaser

Phaser 是一个开源的桌面和移动 HTML5 2D 游戏开发框架,支持 JavaScript 和 TypeScript。 更多Phaser信息

最近更新: 65 行 JavaScript 代码实现 Flappy Bird 游戏 发布于 1年前

Three.js

澳门新葡8455最新网站 9

Three.js 示例案例

相信对于很多有关注 3D 游戏的开发者来说,Three.js
早已经耳熟能详了。实际上,Three.js 官方定位并不是游戏引擎,而是一个 JS
3D 库。Three.js 更倾向于展示型的视觉呈现,比较少直接拿 Three.js 来开发
H5 游戏。渲染环境上,Three.js 支持 WebGL 和 CSS3D 两种渲染模式。

缺点:
  1. 非开源,且中文教程极其匮乏;
  2. 由于网页,手机都是相对于电脑来说性能较低的硬件产品,所以需要开发者更好的运用系统资源,甚至在windows平台也是如此,因为其windows的输出格式也是利用Chrome浏览器的内核所做,也就是说本质上还是在浏览器上运行。

jQuery游戏引擎gameQuery

一提起“游戏引擎”这个词,我们可能会很快想到Irrlicht、Panda3D、jME (爪哇猴子引擎)等等,但是今天我要给大家介绍一个基于jQuery的游戏引擎 — GameQuery。什么?jQuery还能开发游戏?是的,不过注意GameQuery不是一个具体的游戏,他是一个开源游戏引…更多gameQuery信息

转载来源:


结语

现在市场上的
H5游戏引擎很多,很难去直接定义哪个引擎的好坏,只能说每个引擎都有自己的特性,在某方面跟项目的契合程度比较高,笔者根据现在市场上比较热门的几大引擎做了几点比较,希望能给刚入门的你做技术选型的时候有一点帮助,找到适合项目的引擎,更快、更准、更高效率地完成项目需求。

感谢各位耐心读完,希望能有所收获,有考虑不足的地方欢迎留言指出。

如果对「H5游戏开发」感兴趣,欢迎关注我们的专栏。

2 赞 3 收藏 1
评论

澳门新葡8455最新网站 10

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

Egret 游戏解决方案包含了开源免费的 HTML5 游戏引擎、Egret
项目开发工具集合、动画特效制作工具、原生多平台打包工具、高效的 HTML5
游戏应用加速器、以及支持多渠道的开放平台等。开发者可以通过Egret项目开发工具快速、高效的制作及开发游戏相关各类内容,加速器将游戏效果提高到与原生游戏相媲美的效果。制作后的游戏发布到开放平台后,有着优质的渠道资源可以将游戏推荐给更多的用户,使得游戏开发、发布、推广变为一体化内容。

澳门新葡8455最新网站 11image

HTML5游戏引擎gibdo

Gibdo 是一个至上而下的 2D 的 HTML5 Canvas 游戏引擎,采用 CoffeeScript 编写,主要特性包括: A scrolling view window that tracks the player across the game world. View limit detection to allow the player to move off the centre of the scree…更多gibdo信息

CreateJS

澳门新葡8455最新网站 12

CreateJs 周边产品

CreateJS 官方提供了 TweenJS 支持动画开发,同时通过 SoundJS 和 PreLoadJS
提供了音频和预下载的支持,对于 H5
游戏基础功能的支持是足够的。在兼容性方面,CreateJS 支持 PC
端和移动端几乎所有的浏览器。此外,CreateJS 还支持用 flash CC 开发导出由
CreateJS 渲染的 H5 游戏。

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

Pixi.js是一款超快的开源HTML5
2D渲染引擎,使用带有Canvas回调功能的WebGL。作为JavaScript的2D渲染器,Pixi的目标是,可以提供一个快速且轻量级的2D库,并能兼容所有设备。此外,让开发者无需了解WebGL,就可以感受到硬件加速的力量。

澳门新葡8455最新网站 13image

HTML5 游戏开发框架Egret

Egret Framework是一款使用JavaScript(TypeScript)编写的HTML5开源免费游戏框架。Egret Framework的核心定位是开放,高效,优雅。基于它,你可以快速轻松地构建属于自己的HTML5移动游戏。 Egret框架是一个基于MIT开源协议许可的永久免费的项目!你可以在项…更多Egret信息

最近更新: Egret —— HTML5 开源移动游戏开发框架 发布于 12个月前

H5 游戏开发:游戏引擎入门推荐

2017/12/28 · HTML5 · 1
评论 ·
游戏引擎

原文出处:
凹凸实验室   

澳门新葡8455最新网站 14

优点:
  1. 与Cocos2d的API类似,容易上手
  2. 中文文档齐全,资料丰富
  3. 基于MIT协议的开源引擎

PlayCanvas是一个基于 WebGL游戏引擎
的企业级开源JavaScript框架,它有许多的开发工具能帮你快速创建3D游戏。PlayCanvas.js由一个专业社区创建,最初并不是开源的,但现在你可以在github上fork
PlayCanvas.js,然后在你的下一个3D游戏项目中免费使用。它还提供了能在浏览器中云心的云编辑器,开始使用PalyCanvas和导航到编辑器的URL一样容易。

澳门新葡8455最新网站 15image

melonJS是一个全新、轻量级,基于精灵的2D游戏引擎。兼容所有支持HTML5览器包括:Chrome、Safari、Firefox、Opera。支持多声道。提供基本物理和碰撞机制(以确保CPU的要求低),一组基础的实体对象。支持补间动画效果。一个状态管理器(可以轻松管理加载,菜单,选项和在游戏画面状态的开关)。提供一些基本的GUI元素。一个可定制的加载器。

澳门新葡8455最新网站 16image

Quintus是一款易于上手、轻量级、开源的HTML5
JavaScript游戏引擎,包含一个模块化的引擎可轻松开发游戏,并在同一个页面上运行多个实例,支持桌面及移动平台浏览器。Quintus引用面向对象的思想来进行HTML5游戏开发,同时依赖于jQuery来提供事件处理机制和元素选取操作。

澳门新葡8455最新网站 17image

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

澳门新葡8455最新网站 18image

ImpactJS 曾经风靡一时,使用ImpactJS
开发的Z-Type该游戏被国外很多网站评选为二十款优秀游戏之一。

网页Galgame引擎Reitsuki

基于HTML5的纯JS的,网页Galgame引擎 可以让你利用浏览器这个平台,制作出各种精美,而且跨平台的Galgame 

更多Reitsuki信息

相关文章

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图