Web游戏开发的最佳Javascript游戏引擎——,JavaScript

Web游戏开发的最佳Javascript游戏引擎——,JavaScript

本文提供概述

虽然问题是“Javascript慢吗?“这是一个非常主观的问题,因为它在客户端的浏览器上运行,所以这一切都取决于运行JavaScript代码的硬件和软件。但是,这是怎么回事?现代浏览器具有我们在 5 或 10 年前从未想到的功能。通过利用JavaScript API WebGL,他们可以完全渲染复杂的2D和3D图形,而无需依赖第三方浏览器插件。我们只想强调Javascript可以用于在线游戏开发!不仅仅是2D游戏,还有3D游戏。从纯JavaScript开始是获得扎实的在线游戏开发知识的最佳方式。

但是,如果我们能加快这个过程,为什么要使用用Java编写的游戏引擎重新创建轮子从头开始构建游戏(设计控制,资产操作,专注于优化,以及许多无休止的问题,这些问题可能需要花费大量时间才能自行解决)?我们认为,在本文中,我们将介绍用于网页游戏开发的最佳Javascript游戏引擎。

15. 骨干游戏引擎

Github

骨干

游戏引擎是一个基本的HTML5 Canvas游戏引擎,建立在Backbone上。专为 2D 平台游戏而设计,并针对移动设备进行了优化。Backbone Game Engine 被编写为在 CocoonJS Canvas+ 中运行,因此您可以将 HTML5 游戏转换为 iOS 或 Android 上的原生应用程序。

14. 亲爱的

Github

DarlingJS是一个基于组件和实体的JavaScript游戏引擎html5游戏引擎问题,具有依赖注入和模块化架构。亲爱的.js它不花一毛钱。在简化的 BSD 许可证下许可的代码。您只需要在源代码中指出您已使用Darling .js即可。如果您让我知道您在项目中使用该引擎,我将非常高兴。

Darling .js中的依赖关系注入允许您以声明方式描述应用程序的连接方式。此外,任何不能满足您的需求的组件都可以轻松更换。将功能和数据分离到彼此基本独立的单独系统和组件中。因此,使用组合而不是继承。还可以将组件和系统分组到可插入游戏应用程序的模块中。

13. 大白鲨

Github

Jaws是一个由HTML5提供支持的2D游戏库。它最初只是一个画布,现在还通过相同的 API 支持基于 DOM 的普通精灵。

Jaws 非常适合“经典”侧面/顶部滚动游戏(基于磁贴与否),其中您有大量由精灵板动画的精灵。下颚具有基本的矩形对矩形/圆形对圆形碰撞检测功能,在大多数情况下工作正常。如果你有大量的精灵(例如,子弹般的地狱炸弹),你可能想使用像Box2D这样的物理库或像四叉树这样的空间哈希来加快速度。下巴使用画布使像素完美的碰撞和蠕虫式地形相对容易开发。如果游戏的 GUI 非常繁重,则可能需要基于纯 HTML 元素而不是画布精灵创建游戏。

12.附魔.js

Github

一个简单的JavaScript框架,用于创建游戏和应用程序:

11. 昆图斯

Github

Quintus 是一个易于学习、易于使用的 JavaScript HTML5 游戏引擎html5游戏引擎问题,适用于移动、桌面和其他设备。

Quintus Engine 是一个 HTML5 游戏引擎,专为模块化、轻量级和简洁的 JavaScript 友好语法而设计。作为尝试将标准的OOP游戏引擎结构塞入HTML5 JavaScript引擎的替代方案,Quintus从jQuery中借用了一些提示,并提供插件,事件和选择器语法。除了传统的继承之外,Quintus 还提供了灵活的组件模型,而不是仅使用单个继承的深度模型,从而更容易重用功能并在游戏和对象之间共享功能。

10. 熊猫引擎

Github|示例

熊猫引擎是一个免费的HTML5游戏引擎,具有适用于移动和桌面设备的Canvas和WebGL渲染功能,它使用Pixi .js进行超快速渲染。

使用熊猫引擎,您可以跟踪游戏中的Google Analytics事件以及其他有趣的功能。

9.狡猾

Github

Crafty 是一个 JavaScript 游戏库,可帮助您以结构化的方式创建游戏:

其他产品:

8.舞台.js

Github|示例

Stage.js 是一个用于跨平台游戏开发的 2D HTML5 JavaScript 库,它是轻量级、快速和开源的。

Stage.js 提供了一个类似 DOM 的树数据模型来组装应用程序并在内部管理应用程序的呈现周期和绘制,它还处理鼠标事件和触摸事件并将它们分发到目标树节点。

阶段.js应用程序由节点树组成。每个节点在其父节点上固定(转换),并且具有零个、一个或多个图像纹理。每个渲染周期都包含刻度树和绘制树节点。选中后,节点会根据最新更新进行调整,然后在绘制时,每个节点会根据其固定点进行变换并绘制其纹理。保留和暂停渲染,不做任何更改。

7. 七字机

Github|示例

Qiciengine是一个免费的JavaScript游戏引擎库,具有用于制作HTML5游戏的综合基于Web的工具集。QICI引擎基于免费的开源HTML5游戏框架Phaser,该框架使用Pixi .js进行WebGL和画布渲染桌面和移动Web浏览器。使用

QICI引擎,创建HTML5游戏就像开发网站一样简单,使用您最喜欢的代码编辑器,使用您最喜欢的Web浏览器,使用JavaScript语言和所有最好的Web开发工具。QICI引擎负责底层技术的复杂性,因此您只能专注于重要的事情!QICI

引擎由三部分组成:QICI核心、QICI小部件和QICI编辑器:

6. 猕猴桃.js

Github|示例

Kiwi .js是一个有趣且友好的开源HTML5游戏引擎,有些人称之为HTML5游戏引擎WordPress。

Kiwi.js是世界上最容易使用的开源HTML5游戏框架,用于制作移动和桌面HTML5浏览器游戏。他们的重点是极快的WebGL渲染和补充工具,以制作专业品质的严肃游戏。他们使用CocoonJS发布游戏和创建应用程序。

您的游戏可以同时面向画布和 WebGL。对于较旧的浏览器和大多数移动浏览器,请使用画布。将WebGL用于最新的浏览器,并将其与Cocoon .js相结合,以构建快速的本机移动应用程序。您可以使用CocoonJS和Chrome WebStore等平台轻松高效地为iOS,Android和Chrome应用程序创建游戏。

5. 甜瓜

Github|示例

melonJS是一个轻量级但功能强大的HTML5框架游戏角色,从头开始设计,以提供一个真正的无插件“一次编写,随处运行”的面向游戏的库。 melonJS是一个开源项目2d素材,由爱好者社区支持。Melon JS支持当前功能:

系统和位图字体 鼠标和触摸设备支持(带鼠标模拟) 内置支持 CocoonJS 和 Ejecta 异步消息支持 (minPubSub) 包括基本的 GUI 元素 可定制的加载程序 4.貔貅.js

Github|示例

Pixi .js是一个超快的HTML 5 2D渲染引擎,它使用webGL和画布回退。该项目的目的是为所有设备提供一个快速轻量级的2D库。Pixi 渲染器让每个人都可以在没有 WebGL 知识的情况下享受硬件加速的强大功能。而且,它很快。真的很快。

Pixi .js具有完整的WebGL支持,并在需要时无缝回退到HTML5画布。作为一个框架,Pixi .js是编写交互式内容的绝佳工具,尤其是在近年来Adobe Flash的退役中。将其用于图形丰富的交互式网站、应用程序和 HTML5 游戏。开箱即用的跨平台兼容性和优雅的降级意味着您要做的工作更少,但要做的乐趣更多!如果您想相对快速地创建精美而精美的体验,而不必深入研究密集的低级代码,同时避免浏览器不一致的麻烦,请在您的下一个项目中添加一些 Pixi .js魔力。

3. PlayCanvas WebGL游戏引擎

Github|示例

PlayCanvas是一个开源游戏引擎。它使用HTML5和WebGL在所有现代浏览器中运行游戏和其他交互式3D内容,而无需插件。

碰撞与物理 音频资源加载 实体/组件 系统脚本 系统输入 2.巴比伦.js

Github | 解释

Babylon .js是一个开源的JavaScript框架,允许您在WebGL,HTML5和Web Audio的帮助下在浏览器中构建和渲染3D游戏。虽然在原始WebGL中绘制简单的3D对象需要处理大量的JavaScript代码,但Babylon .js使您能够以最小的代码量和非常低的复杂性执行相同的操作。

由于其强大的功能,Babylon.js可以称为“其他三个.js”,它使您能够在浏览器中创建几乎任何东西,从完全交互式的3D游戏到动画徽标。尽管这个 JavaScript 框架目前还处于起步阶段,但它为开发人员提供了功能丰富的 WebGL 创作的坚实基础,几乎可以在任何地方使用。

1. 相位器.js

Github|示例

但是,等一下,相位器.js比巴比伦.js好,这是开玩笑吗?你知道人们怎么说,一个人的肉是另一个人的毒药。您可能不想开始使用WebGL等先进技术开发网页游戏,因为您很快就会感到沮丧,因为创建游戏并不容易。在那里,Phaser .js可能是您开始游戏开发的首选,因为它非常易于使用,它们提供了很多示例,并且您不需要大量代码库来创建您的第一个游戏。

Phaser是一个有趣,免费和快速的2D游戏框架,用于为桌面和移动Web浏览器制作HTML5游戏,支持Canvas和WebGL渲染。Phaser 在内部使用 Canvas 和 WebGL 渲染器,并可以根据浏览器支持支持在它们之间自动交换。这样可以在桌面和移动设备上实现闪电般的快速渲染。Phaser 使用并贡献了出色的 Pixi .js 库进行渲染。

Phaser 已被用于创建数百款每月获得数百万次播放的游戏。版本 2 是迄今为止最稳定、最无错误的版本。这些问题很快得到解决,我们始终处于不断变化的浏览器领域的顶端。

如果您认为我们忘记了另一个用Java编写的出色游戏引擎,请在评论框中告诉我们并与社区分享。