阅读 6866

Top10 HTML5, JavaScript 3D 游戏引擎框架

文章时间:2019年9月15日

       对使用 JavaScript、HTML5 和 WebGL 技术开发 3D 游戏的开发者来说,JavaScript 3D 游戏引擎是当下的一个热门话题。基于浏览器的游戏的最大优势是跨平台,可以运行在 iOS,Android,Windows 或者其它系统平台上。

       行业内使用 HTML5 和 WebGL 开发 3D 游戏的引擎框架有很多,但是,选择一个对的引擎框架常常是个有挑战的事情,而选择正确与否,会决定你的项目成败。

       为了让你选择更容易些,我们分析了至今业界大部分的引擎框架,并选择了其中 Top10,以帮助你使用 JavaScript 创建更好的 HTML5,WebGL 游戏。

1. Babylon.js

       截止目前为止,用于创建可以出售的专业级游戏里面,Babylon.JS 无疑是目前最好的 JavaScript 3D 游戏引擎

       Babylon.JS 是 David Catuhe 热爱3D游戏引擎的产物。他具有 DirectX,OpenGL 和 Silverlight 这些 3D 游戏引擎的开发经验,并最终在 JavaScript 中创建了这个。

       Babylon.JS 的核心里面包含了一些关键特性:环境光、相机、材料、网格、碰撞引擎、物理引擎、声音引擎 和 优化引擎。

       这里 链接 有一些案例可以去体验下。

       这里 链接 可以获取到代码。

2. Three.js

       Three.js是另一个全面而强大的JavaScript 3D库,可用于处理所有3D,从创建简单的3D动画到创建交互式3D游戏。

       Threejs库不仅提供支持WebGL渲染器的功能,还提供SVG,Canvas和CSS3D渲染器。但是,从游戏角度看,您可能只想关注three.js库的WebGL渲染器。

       Three.JS是由Doob和Altered Qualia创建和维护的,可在MIT许可下作为开源使用。您可以下载缩小版本或通过CDN使用它。

       您可以在 GitHub 上获取three.js 3D引擎的源代码。

       您可能还会喜欢 HTML5动画工具

3. Turbulenz

       Turbulenz是最古老的游戏引擎之一,其历史可以追溯到2009年,当时HTML5和WebGL仍在制作中。 Turbulenz直到2013年才作为开放源代码提供,2013年,根据MIT许可,Turbulenz首次作为开放源代码免费提供给公众。

       Turbulenz作为开放源代码发布后,已经看到了巨大的需求。

       Turbulenz包含大量功能,例如2D物理,3D物理,声音,视频以及其他服务,例如排行榜,多聊天,付款和用户数据。

       有关Turbulenz的更多信息,请访问 – biz.turbulenz.com

       在 – turbulenz_engine 上获取源代码。

4. Famo.us

       Famo.us是HTML5 3D开发市场中的另一大参与者,并且是免费使用JavaScript 3D框架的最佳开源之一。关于famo.us的最好的事情是,它带有3D布局引擎,该引擎与3D物理驱动的动画引擎完全集成在一起。

       Famo.us入门非常简单,为famo.us大学的开发人员提供免费教室。社区是一个伟大而支持的社区,您可以轻松找到大量资源和工作示例。

       有关Famo.us的更多信息,请访问 – famo.us/docs

       在 GitHub 上可以找到源代码。

5. PlayCanvas.js

       PlayCanvas是基于企业级开源JavaScript的WebGL游戏引擎,它拥有大量开发人员工具,可帮助您立即构建3D游戏。 PlayCanvas.js由专业社区构建,最初不是开源的,但是现在您可以将其存储在GitHub上,并开始免费用于下一个3D游戏项目。

       它还具有在您的浏览器中运行的基于云的编辑器,因此PlayCanvas入门就像导航到编辑器URL一样容易。 Editor支持团队之间的协作,这实际上意味着许多人可以并行处理同一项目。

       PlayCanvas.js得到了 Mozilla,Activision 和 ARM 等巨头的支持。

       有关更多有关PlayCanvas的信息,请访问 – playcanvas.com

       在 – playcanvas / engine 上可以获取源代码。

6. Goo Engine

       从Goo Technologies公司开始,Goo Engine是一组功能强大的JavaScript API,可用于在HTML5和WebGL中创建任何3D内容。有一个在线编辑器goocreate可以在此引擎上运行,并具有许多功能,如可视化3D编辑器,材质编辑器,脚本和易于发布的选项等。

       您可以通过支付一些相关的许可费用来使用在线浏览器编辑器。

       尽管编辑器需要一些相关费用,但是基于JavaScript的goo引擎绝对是免费的,可以下载以用于自己的3D项目。您还可以直接在代码中添加以下行,并立即开始使用goo引擎。

       <script src="http://code.gooengine.com/0.13.6/lib/goo.js"></script>

       在 – labs.gooengine.com 上了解有关Goo Engine的更多信息。

       在 – code.gooengine.com 上获取源代码。

7. CooperLicht

       库珀·里希特 Ambiera是创建它的公司,将其用于内部生产多年,并最终以开源形式提供。

       CopperLIcht是用于创建基于浏览器的游戏的最佳3D引擎之一。它是3D游戏编辑器CopperCube的后端引擎。

       CopperCube是支持构建3d游戏和动画所需的所有功能的编辑器。但是,编辑器需要支付一定的许可费,并且不能作为开源使用。

       了解有关CopperLIcht的更多信息,并在 – ambiera.com/copperlicht 下载。

8. Voxel.JS

       Voxel.Js 是由@maxogden和@substack编写的基于开源JavaScript的3D游戏引擎。自发布以来,社区发展迅速。如果您是喜欢模块化方法的人,那么Voxel是一个不错的选择。

       Voxel 引擎是用于构建3D游戏的核心模块,可以根据需要插入其他模块。截至目前,npm上发布了大约200多个插件。

       有大量的资源,教程和模块可用于Voxel入门。您可以使用此引擎轻松构建体素风格的游戏。

       在 – maxogden / voxel-engine 可了解Voxel引擎。

9. Blend4Web

       Blend4Web于2014年由一家名为Triumph的俄罗斯公司作为开源3D框架发布。它与Triumph的3D内容创作工具“ Blender”紧密集成,并且对Blender的节点材料,粒子系统,子弹物理学和其他功能具有本地支持。

       Blend4Web正在积极开发中,并且会在短期内进行大量增强,看起来有望在不久的将来与像Babylon.js和three.js这样的大型竞争对手竞争。

       在 – blend4web.com/en/download… 上获取Blend4Web源代码。

10. Enchant.js

       Enchant.js是一个模块化的,面向对象的JavaScript框架,用于在HTML5中创建简单的应用和游戏。它可以在MIT许可下作为开放源代码获得,因此可以免费使用。可以使用其他插件创建3D动画和游戏,这些插件使WebGL拥有enchant.js的功能。

       Enchant.js通过新功能和插件变得功能强大,并由UEI的秋叶原研究中心积极维护和开发。

       在 – wise9 / enchant.js 上获取源代码。

最后

       HTM5 3D游戏市场发展非常迅速,并且已经暂停以在移动游戏领域占据很大的份额。我们还将看到将JavaScript编译为本机代码的工具的巨大增长,这使您的决定甚至比本机代码更容易为下一个3D游戏项目选择基于JavaScript的框架。

       然而,选择正确的3D游戏引擎对于任何项目都是至关重要的,从长远来看,预先进行彻底的评估肯定会有所回报。

       为了简化选择过程,我们对开源和商业级3D游戏引擎进行了评估,并跻身最佳10引擎之列。请通过注释告知我们您计划将哪一款用于您的下一款基于HTML5的3D游戏。编码愉快!爱JavaScript!

参考

翻译来源 - 链接

文章分类
前端
文章标签