关于前端:3D可视化18个WebGL框架和Web3D图形库

56次阅读

共计 3517 个字符,预计需要花费 9 分钟才能阅读完成。

WebGL 是基于 OpenGL 的 JavaScript API 库,容许 Web 浏览器在浏览器中渲染 3D / 2D 图形,而无需装置额定的插件、桌面应用程序。WebGL 容许通过浏览器应用机器 GPU 将 3D 图形渲染成 HTML 页面。

WebGL 目前在大多数浏览器 (如 Google Chrome,Mozilla Firefox 和 Safari) 中都受反对。WebGL 能够通过浏览器设置或应用非凡插件来禁用或启用。WebGL 框架和库用于创立交互式展现,基于网页游戏、可视化、虚拟现实 (VR) 和混合事实 (MR) 应用程序。

WebGL 用于多个行业,如游戏、工程、数据分析、天文空间剖析、迷信和医学可视化与模仿。

Three.js

JavaScript 3D WebGL 库

Three.js 是最驰名的 3D WebGL JavaScript 库,成千上万的开发人员应用它来制作基于 WebGL 的游戏、模型、网站。它有数百个演示和示例,丰盛的教程库以及弱小的社区。

Three.js 被用作许多 WebGL 图形引擎和几个浏览器就绪游戏引擎的根底。它具备弱小的轻量级在线编辑器。

Babylon.js

Web 3D 图形引擎

Babylon.js 是一个弱小、简略、凋谢的游戏和渲染引擎,打包在一个敌对的 JavaScript 框架中。

Babylon.js 是一个简略而弱小的 WebGL 驱动的 3D 图形引擎,它为 JavaScript 开发人员提供了简略的 API 以及丰盛的文档和教程。可用于构建交互式 3D 展现 / 演示、3D Web 产品演示、游戏、VR(虚拟现实)应用程序和简单的架构模仿。Babylon.js 领有一个十分大的开发人员社区,提供代码片段、教程,当然还有可重用的扩大来扩大其外围性能。Filament 谷歌挪动优先的 WebGL 框架 Filament 是一个用 C ++ 编写的基于物理的实时渲染器。它是挪动优先的,但也是多平台的。Filament 是为 Web 构建的开源 WebGL 实时 3D 渲染器。它应用 C ++,旨在成为挪动优先的 3D 平台。Filament 由 Google 开发和公布,作为其开源我的项目的一部分。尽管它针对多平台 (Android,iOS,Linux,macOS 和 Windows) 以挪动为重点,但它在开发人员中并不受欢迎。这是一个相当新的库,但随着工夫的推移,它可能会引起游戏开发人员的留神。

KickJS

Web 的开源图形和游戏引擎

KickJS 是一个开源(BSD 许可证)WebGL 游戏引擎和 3D Web 图形库,专为古代 Web 浏览器构建。它为新开发人员提供了简略的学习曲线,因为它带有丰盛清晰的文档、教程和几个游戏示例。作为游戏引擎,KickJS 反对鼠标、键盘和游戏手柄控制器。它为开发人员提供了多种工具,包含着色器编辑器、模型工具、扩大查看器以及一些具备清晰代码的游戏示例。ClayGL 构建可扩大的 Web3D 应用程序

ClayGL 是一个 Web 3D 图形库,用于构建 3D Web 就绪应用程序,例如在实在的天文地图上绘制交互式 3D 街道地图。ClayGL 作为一个开源我的项目提供。

PlayCanvas

用于 Web 的游戏和 3D 图形引擎

PlayCanvas 是一个轻量级的全功能 3D 网页游戏和图形引擎。它是开发人员最喜爱的 WebGL 3D 游戏引擎。它具备令人印象粗浅的性能列表,可为游戏开发人员提供构建 Web 优先图形丰盛的游戏所需的所有。PlayCanvas 被许多游戏开发商应用,市场上有几款胜利的游戏。PlayCanvas 不仅为游戏而构建,还可用于构建 AR(加强事实)和 VR(虚拟现实)应用程序。

WebGLStudio.js

开源 Web 3D 图形编辑器和创建者

WebGLStudio 是一个开源的高级 3D WebGL 基于 Web 的编辑器。应用 WebGLStudio,能够导出蕴含所有信息的 JSON 文件,并在 LiteScene 中应用它。WebGLStudio.js 能够间接从浏览器创立交互式 3D 场景,并容许直观地编辑场景。

Litescene.js

开源 Web 3D 图形编辑器和创建者

Litescene.js 是一个简略而弱小的 WebGL 库,提供基于组件的节点层次结构,它提供了简略的 JSON 代码,易于嵌入 Web 我的项目中,并在 WebGLStudio.js 编辑器中应用。Litescene.js 应用本人的迷你库“Litegl.js”来扭曲 WebGL 组件,通过创立用于治理不同我的项目的类 (如缓冲区,网格,纹理,着色器) 和任何 WebGL 应用程序的其余常见方面,使其更加用户敌对。

Luma

优步的 3D WebGL 可视化库

Luma 是一个开源的高性能 WebGL2 组件,用于 GPU 驱动的数据可视化和计算。它由 Uber 作为一个开源我的项目公布和保护。

A-Frame

构建 VR(虚拟现实)体验的 Web 框架

A-Frame 是一个开源的 WebGL 框架,用于构建虚拟现实 (VR) 应用程序。它被迪士尼、谷歌、Mozilla、NASA、三星、索尼和丰田等世界顶级公司应用。它相当易于应用,因为它对于有教训的人和初学者来说也很容易学习。A-Frame 能够在 Vive、Rift 等 VR 平台、Mozilla Firefox 和 Google Chrome 等浏览器、性能晦涩的智能手机上运行。

X3DOM

任何 Web 我的项目中构建和嵌入 3D 元素

X3DOM 是一个 WebGL 框架,用于为网站和 Web 应用程序构建可嵌入的 3D Web 就绪图形。它提供了能够增加到任何 HTML5 我的项目的简略标记代码。X3DOM 将 3D 内容无缝集成到您的网页中,场景间接写入 HTML 标记中。无需插件。只需蕴含一个 JavaScript 文件。收费用于非商业和商业目标。

Grimoire.js

用于 Web 开发的 WebGL 框架

Grimoire.js 是一个用于构建 3D Web 应用程序的开源 WebGL 框架,它旨在为 Web 工程师和 CG 工程师之间架起一座桥梁。

PixiJS

HTML5 创立引擎

PixiJS 是一个 2D / 3D Web 图形引擎,可简化为 Web 创立令人惊叹的交互式图形应用程序。它是一个模块化引擎,能够通过插件轻松扩大,它受到 Web 开发人员,2D 游戏创作者以及 Google,BBC,Volkswagen,HBO,Adobe 和 Disney 等大公司的青眼。最好创立交互式简单的 2D 可视化、2D 游戏和产品展现。

SceneJS

SceneJS 是一个开源 (已停产) 基于 WebGL 的图形引擎,用于高度具体的 3D 可视化。它是使生物数字人类我的项目滴答作响的外围引擎。尽管该我的项目曾经进行,并且 BioDigitalHuman 应用通过大量批改的版本(非开源),但旧的存储库已被存档用于 WebGL 教育目标。SceneJS 团队公布了一个新的库作为生产就绪库 XeoGL。

XeoGLSceneJS

继任者

SceneJS 的继任者 XeoGL 是由同一开发人员公布的,它是数据驱动的 WebGL 图形引擎,带有多个工具,旨在更轻松地将 CAD / 3D 集成到 Web 我的项目中。它旨在提供一种工具来构建简单的 3D WebGL 图形,这些图形能够通过古代浏览器晦涩运行。

CurtainsJS

JavaScript WebGL Animation Library

CurtainsJS 是一个开源的 WebGL 库,旨在为网页提供基于 WebGL 的动画。它不是图形引擎,也不是游戏引擎,而是基于 3D 动画和事件的图形库。它应用 WebGL 渲染库将基于 HTML 的元素转换为 3D 动画对象。

PhiloGL

PhiloGL 是一个 WebGL Javascript 框架,用于构建用于数据可视化,创意编码和游戏开发的交互式 3D 简单图形应用程序。它能够与其余库一起应用,因为它与库无关。这是一个由 SenchaLabs 在 MIT 许可下公布的开源我的项目。

Sovit3D

基于 WebGL 3D 可视化编辑器

Sovit3D 是一个物联网可视化 PaaS 开发平台,基于 JavaScript 语言的 3D 图形引擎,为 Web 可视化提供了丰盛的展示模式和视觉效果,帮忙软件开发公司、解决方案提供商轻松搭建 3D 可视化界面。平台聚焦工业数字孪生的生产管控、智慧城市的监控运维等可视化应用领域,产品的模块组态化模式能够满足全因素智慧场景的构建。广泛应用于电力能源、水利、物联网、工业互联网、智慧城市、智慧医疗、智慧农业、IT 运维等各行业多畛域。

Sovit3D 平台采纳 B / S 架构,基于 WebGL 绘图技术标准,提供基于 Web 浏览器的 3D 可视化行业组件,反对 HTML5/SVG 等最新技术,可不便的在浏览器上进行浏览和调试。为开发人员制作合乎用户应用习惯的大屏可视化利用,包含 2D 图表剖析、3D 修建实景、3D 工业设施模型等相干内容,轻松拖拽即可实现,管制实时数据及动画展现、历史回放、报警、命令下发等性能。

正文完
 0