可视化模板编辑器-18个WebGL框架、Web3D图形库及编辑器

WebGL 是一个基于 OpenGL 的 JavaScript API 库,允许 Web 浏览器在浏览器中渲染 3D/2D 图形,而无需安装额外的插件或桌面应用程序。 WebGL 允许使用机器的 GPU 通过浏览器将 3D 图形渲染为 HTML 页面。 目前大多数浏览器都支持 WebGL,例如 Google Chrome、Mozilla Firefox 和 Safari。 可以通过浏览器设置或使用特殊插件来禁用或启用 WebGL。

WebGL 框架和库用于创建交互式显示、基于网络的游戏、可视化、虚拟现实 (VR) 和混合现实 (MR) 应用程序。

WebGL 用于游戏、工程、数据分析、地理空间分析、科学和医学可视化和模拟等多个行业。

三.js

JavaScript 3D WebGL 库

Three.js 是最著名的 3D WebGL JavaScript 库,成千上万的开发人员使用它来制作基于 WebGL 的游戏、模型和网站。 它拥有数百个演示和示例、丰富的教程库以及强大的社区。 Three.js 被用作许多 WebGL 图形引擎和多个浏览器就绪游戏引擎的基础。 它有一个强大的轻量级在线编辑器。

巴比伦.js

Web 3D 图形引擎

Babylon.js 是一个强大、简单、开放的游戏和渲染引擎,封装在友好的 JavaScript 框架中。

Babylon.js 是一个简单但功能强大的 WebGL 支持的 3D 图形引擎,为 JavaScript 开发人员提供简单的 API 和丰富的文档和教程。 可用于构建交互式 3D 显示/演示、3D Web 产品演示、游戏、VR(虚拟现实)应用程序和复杂的建筑模拟。

Babylon.js 拥有非常庞大的开发者社区,提供代码片段、教程,当然还有可重用的扩展来扩展其核心功能。

灯丝

Google 的移动优先 WebGL 框架

Filament 是一个用 C++ 编写的基于物理的实时渲染器。 它是移动优先的,但也是多平台的。 Filament 是一款专为 Web 构建的开源 WebGL 实时 3D 渲染器。 它使用 C++,旨在成为移动优先的 3D 平台。 Filament 由 Google 作为其开源项目的一部分开发和发布。 虽然它专注于移动平台(Android、iOS、Linux、macOS 和 Windows),但它在开发人员中并不受欢迎。 这是一个相当新的库,但随着时间的推移,它可能会引起游戏开发人员的注意。

踢JS

用于网络的开源图形和游戏引擎

KickJS 是一个开源(BSD 许可证)WebGL 游戏引擎和为现代 Web 浏览器构建的 3D Web 图形库。 它为新开发人员提供了一个简单的学习曲线,因为它配备了丰富而清晰的文档、教程和几个游戏示例。 作为游戏引擎,KickJS 支持鼠标、键盘和游戏手柄控制器。 它为开发人员提供了各种工具,包括着色器编辑器、模型工具、扩展查看器以及一些具有清晰代码的游戏示例。

粘土GL

构建可扩展的 Web3D 应用程序

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

播放画布

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

PlayCanvas 是一款轻量级全功能 3D 网页游戏和图形引擎。 它是开发者最喜爱的WebGL 3D 游戏引擎。 它拥有令人印象深刻的功能列表,为游戏开发者提供了构建网络优先、图形丰富的游戏所需的一切。 PlayCanvas 被许多游戏开发商使用,并且市场上有一些成功的游戏。 PlayCanvas 不仅是为游戏而构建的,还可以用于构建 AR(增强现实)和 VR(虚拟现实)应用程序。

WebGLStudio.js

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

WebGLStudio 是一个开源的高级 3D WebGL 基于网络的编辑器。 使用 WebGLStudio,可以导出包含所有信息的 JSON 文件并在 LiteScene 中使用它。 WebGLStudio.js 可以直接从浏览器创建交互式 3D 场景,并允许直观地编辑场景。

Litescene.js

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

Litescene.js 是一个简单但功能强大的 WebGL 库,提供基于组件的节点层次结构。 它提供了简单的 JSON 代码,可以轻松嵌入到 Web 项目中并在 WebGLStudio.js 编辑器中使用。

Litescene.js 使用自己的迷你库“Litegl.js”通过创建用于管理不同项目(如缓冲区、网格、纹理、着色器和任何 WebGL 应用程序的其他常见方面)的类来扭曲 WebGL 组件可视化模板编辑器,使其更加用户友好。

亮度

Uber 的 3D WebGL 可视化库

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

一个框架

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

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

X3DOM

构建 3D 元素并将其嵌入到任何 Web 项目中

X3DOM 是一个 WebGL 框架,用于为网站和 Web 应用程序构建可嵌入的 3D Web 就绪图形。 它提供了可以添加到任何 HTML5 项目的简单标记代码。

X3DOM 将 3D 内容无缝集成到您的网页中,场景直接用 HTML 标记编写。 无需插件。 只需包含一个 JavaScript 文件即可。 免费用于非商业和商业目的。

魔法书.js

用于 Web 开发的 WebGL 框架

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

PixiJS

HTML5 创作引擎

PixiJS 是一种 2D/3D Web 图形引擎,可简化为 Web 创建令人惊叹的交互式图形应用程序的过程。 它是一个模块化引擎,可以通过插件轻松扩展,受到网络开发人员、2D 游戏创作者以及 Google、BBC、大众、HBO、Adobe 和迪士尼等大公司的青睐。 最适合创建交互式复杂 2D 可视化、2D 游戏和产品演示。

场景JS

SceneJS 是一个基于 WebGL 的开源(已停产)图形引擎,用于高度详细的 3D 可视化。 它是生物数字人类项目运转的核心引擎。 尽管该项目已停止,并且 BioDigitalHuman 使用经过大量修改的版本(非开源)可视化模板编辑器,但旧存储库已存档用于 WebGL 教育目的。 SceneJS 团队发布了一个新库,即生产就绪库 XeoGL。

西欧GL

SceneJS 的后继者

SceneJS 的继任者 XeoGL 由同一开发人员发布,是一个数据驱动的 WebGL 图形引擎,带有多种工具,旨在使 CAD/3D 更容易集成到 Web 项目中。 它旨在提供一种工具来构建可在现代浏览器中流畅运行的复杂 3D WebGL 图形。

窗帘JS

JavaScript WebGL 动画库

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

菲洛GL

PhiloGL 是一个 WebGL Javascript 框架,用于构建交互式 3D 复杂图形应用程序,以实现数据可视化、创意编码和游戏开发。 它可以与其他库一起使用,因为它与库无关。 这是 SenchaLabs 在 MIT 许可下发布的开源项目。

苏维特3D

基于WebGL的3D可视化编辑器

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

Sovit3D平台采用B/S架构,基于WebGL绘图技术标准。 它提供基于Web浏览器的3D可视化行业组件,支持HTML5/SVG等最新技术,可以在浏览器上轻松浏览和调试。 为开发者打造符合用户习惯的大屏可视化应用,包括2D图表分析、3D建筑场景、3D工业设备模型等相关内容,可轻松拖拽控制实时数据和动画显示、历史回放、报警、命令下发等功能。