开发者社区> 行者武松> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Top 10:HTML5、JavaScript 3D游戏引擎和框架

简介:
+关注继续查看

best-3d-javascript-game-engines-frameworks-webgl-html5


由于很多人都在用JavaScript、HTML5和WebGL技术创建基于浏览器的3D游戏,所有JavaScript 3D游戏引擎是一个人们主题。基于浏览器的游戏最棒的地方是平台独立,它们能在iOS、Android、Windows或其他任何平台上运行。

有很多的JavaScript能够用于创建基于浏览器、使用HTML5和WebGL的3D游戏。然后,选择一个合适的游戏引擎是一个不小的挑战,它有时能帮你完成项目或突破项目瓶颈。

为了让你的选择变的容易,我们已经通过分析大多数JavaScript 3D游戏引擎在今天的市场并列出了十大游戏引擎来帮助您用JavaScript创建非常棒的HTML5,WebGL游戏。

1. Babylon.js

毫无疑问,Babylon.JS是最好的JavaScript3D游戏引擎,它能创建可以出售的专业级游戏。
Babylon.JS是David Catuhe对3D游戏引擎热爱的结果,他在用DirectX, OpenGL, 和Silverlight创建3D游戏引擎方面是经验丰富,并最终自己完成了一个游戏引擎。
Babylon.js的一些核心功能包含了场景图与灯光、摄像机、材料和网格、碰撞引擎、物理引擎、音频引擎和优化引擎。
这是一个Babylon.js试验场,你可以拿你手边的游戏来试试这个游戏引擎。

2.Three.js

Three.js是另一个广泛应用并且功能强大的JavaScript 3D库,从创建简单的3D动画到创建交互的3D游戏, 它都能实现。
Threejs带来的不仅是支持WebGL渲染,也支持SVG、Canvas和CSS3D渲染。然而,从游戏的角度来看,你可以只关注Threejs的WebGL渲染。
获取Three.js 3D引擎的源代码—github

3. Turbulenz

Turbulenz是最好的游戏引擎之一,在2009年,当HTML5和WebGL还在酝酿时,它已经被推出。直到2013年,Turbulenz才基于MIT协议拥抱开源。
Turbulenz包含了很多功能,例如2d物理、3d物理、声音、视频和其他服务,如排行榜、multichat,支付和用户数据。
了解更多:biz.turbulenz.com
获取源代码:turbulenz_engine

4. Famo.us

在HTML5 3D发展的市场中,Famo.us占据了非常重要的地位,并且它是最好的JavaScript 3D开源框架之一。对于famo.us,最好的事情就是包装了3D布局引擎,其完全继承了3D物理驱动的动画引擎。
了解更多—famo.us/docs
获取源代码—famous

5. PlayCanvas.js

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

6. Goo Engine

来 自于GOO技术家族,Goo引擎有一组功能强大的JavaScript API,可通过使用HTML5和WebGL创建任何3D事物。有一个在线的编辑器goocreate,可以运行在Goo引擎上,并封装了一些功能,例如视 觉三维编辑器,材质编辑器、脚本和容易发布选项等。
你可以通过支付一些相关的许可费用,在浏览器中使用在线编辑器。
尽管编辑器需要一些费用,但是Goo引擎是绝对免费的,你可以下载它并在你的3D项目中使用。
了解更多—-labs.gooengine.com
获取源代码—code.gooengine.com

7. CooperLicht

对于创建基于浏览器的游戏,CopperLIcht是最出色的3D引擎之一,也是CopperCube 3D游戏编辑器的后端引擎。
CopperCube是一个支持创建3D游戏和动画所需要的所有功能的编辑器,但是,它并不开源,需要一些相关的许可费用。
了解更多—ambiera.com/copperlicht

8. Voxel.JS

Voxel.Js是开源的,基于JavaScript的一个3D游戏引擎,自从它发布以来,社区成长非常快。如果你喜欢模块化方法,Voxel是一个不错的选择。
Voxel-engine是创建3D游戏的核心模块,其它模块可以根据需要插入。到目前为止,已经有超过200个扩展在npm上发布。
了解更多—maxogden/voxel-engine

9. Blend4Web

在2014年,Blend4Web作为开源的3D框架而发布,它高度集成了Triumph的3D内容创建工具“Blender”,并且本地支持Blender的节点材料、粒子系统、bullet物理引擎和其他功能。
获取源代码—blend4web.com/en/downloads

10. Enchant.js

Enchant.js是一个模块化的、面向对象的JavaScript框架,可用HTML5创建简单的APP和游戏。它是基于MIT协议开源的,因此开源免费使用。3D动画和游戏开源使用额外的插件(基于WebGL)创建。
获取源代码–wise9/enchant.js

 

来源:51CTO

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
使用 HTML、CSS 和 JavaScript 制作模拟时钟(初学者教02程)
使用 HTML、CSS 和 JavaScript 制作模拟时钟(初学者教程)
41 0
使用 HTML、CSS 和 JavaScript 制作模拟时钟(初学者教程01)
使用 HTML、CSS 和 JavaScript 制作模拟时钟(初学者教程)
63 0
『html5、css3』将视频做为网页背景 超炫!
效果图展示 仿墨迹天气首页 github项目地址:https://github.com/Ethan997/Video-background-page PC端网页效果预览:http://www.
3055 0
【HTML】通过不同的分辨率调用不同的css,两种方法:css本身判断、js调用css
<div style="margin:0px; padding:0px; max-width:100%; color:rgb(51,51,51); font-family:Arial,'Microsoft YaHei'; line-height:26.0400009155273px; height:auto!important; word-wrap:break-word!important
1894 0
+关注
行者武松
杀人者,打虎武松也。
17111
文章
2569
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载