关于前端:交互式Web前端开发最好用的WebGL框架

68次阅读

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

JavaScript 是创立 Web 最有用的编程语言之一,尤其是在 WebGL 库的反对下。有了 WebGL,能够很不便地应用 HTML5 Canvas 元素动静生成图形。因而,设计师和开发人员很容易创立晦涩的 2D 和 3D 成果。

WebGL 是 JavaScript API 或基于 OpenGL 的库,它使 Web 能在浏览器中执行三维和二维图形,而无需其余插件。WebGL 渲染到计算机的图形处理单元,以超快的速度出现简单的概念、动画和迷信模仿。

以下是一些最佳的 WebGL 框架:

X3DOM

X3DOM 是最风行的 WebGL 框架。它用于生成可嵌入的 3D Web 图形。实用于网站和应用程序。运行时性能以申明形式,没有任何低级 JavaScript 或 GLSL 编码。

Three.js

Three.js 是一个开源的 JavaScript 库,用于在 Web 浏览器上显示图形、3D 和 2D 对象。它在幕后应用 WebGL API。WebGL API 容许用户通过 GPU 在 Web 浏览器中的画布上渲染图形和 3D 对象,而无需先下载或装置任何插件。因为咱们应用的是 JavaScript,所以咱们也能够与其余 HTML 元素进行交互。对于开发人员来说,WebGL 提供了对硬件的低级拜访,具备 OpenGL ES 相熟的代码构造。

Grimoire.jsGrimoire.js 是用于 Web 开发的 WebGL 框架。WebGL 设计须要高度发达的图形常识,它非常适合 3D 网络应用程序,旨在在网络工程师和 CG 工程师之间建立联系。

Babylon.js

Babylon.js 是一个实时 3D 引擎,应用 JavaScript 库通过 HTML5 在 Web 浏览器中显示 3D 图形。源代码可在 GitHub 上取得,并在 Apache 许可证 2.0 下散发。这个 JavaScript 框架非常适合构建 3D 游戏。

PhiloGL

PhiloGL 是一个 WebGL 框架,用于高级数据可视化,创意编码和游戏开发。PhiloGL 应用尖端技术和 JavaScript 习语以及良好实际来优雅地交付 专一于性能的编码 WebGL 应用程序。

PhiloGL 还提供了丰盛的模块零碎 涵盖程序和着色器治理,IO,XHR,JSONP,Web Worker 治理,成果和补间等等。

Turbulenz

Turbulenz 是一个具备许多性能的框架。它们的范畴从 2D 和 3D 物理到声音甚至视频。还有其余服务。排行榜、多聊天甚至用户数据只是所有可用服务的一部分。

Filament

Filament 是一个用 C ++ 编写的基于物理的实时渲染器。它是挪动优先的,但也是多平台的。
Filament 是为 Web 构建的开源 WebGL 实时 3D 渲染器。它应用 C ++,旨在成为挪动优先的 3D 平台。Filament 由 Google 开发和公布,作为其开源我的项目的一部分。尽管它针对多平台 (Android,iOS,Linux,macOS 和 Windows) 以挪动为重点,但它在开发人员中并不受欢迎。这是一个相当新的库,但随着工夫的推移,它可能会引起游戏开发人员的留神。

A-Frame

A-Frame 是一个用于构建虚拟现实体验的开源 web 框架。它由 Supermedia 和 Google 的开发人员保护。
A-Frame 是 Three.js 的实体组件零碎框架,开发人员能够应用 HTML 创立 3D 和 WebVR 场景。HTML 为 web 开发人员和设计师提供了一个相熟的创作工具,同时联合了 Unity 等引擎应用的风行游戏开发模式。

PlayCanvas

PlayCanvas 是一个开源游戏引擎。它应用 HTML5 和 WebGL 在任何挪动或桌面浏览器中运行游戏和其余交互式 3D 内容。PlayCanvas 是一个轻量级的全功能 3D 网页游戏和图形引擎,是交互式 Web 内容的可视化开发平台。它是开发人员最喜爱的 WebGL 3D 游戏引擎。具备令人印象粗浅的性能列表,可为游戏开发人员提供构建 Web 优先图形丰盛的游戏所需的所有。PlayCanvas 被许多游戏开发商应用。PlayCanvas 不仅为游戏而构建,还可用于构建 AR(加强事实)和 VR(虚拟现实)应用程序。

KickJS

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

Enchant.js

Enchant.js 是一个模块化的、面向对象的 JavaScript 框架。它最适宜用于在 HTML5 中创立平安的应用程序和游戏。在 MIT 许可下,它能够作为开源拜访。因而收费应用。能够通过利用额定的插件来设计 3D 动画和游戏,这些插件为 WebGL 提供此框架的性能。

Scene.js

Scene.js 是一个基于 JavaScript 和 CSS 时间轴的动画库。Scene.js 是一个宏大的库,能够 3D 渲染任何对象。不仅实用于根本渲染,还能够将其视为可视化库。它能够设计对象的多个视角并创立简单的游戏图形。

Litescene.js

Litescene.js 是一个简略而弱小的 WebGL 库。Litescene.js 蕴含一个洁净的 JSON 代码,能够很容易地嵌入到 Web 我的项目中,能够在 WebGLStudio.js 编辑器中应用。该编辑器是一个开源的高级 3D WebGL 基于 Web 的编辑器。应用 WebGLStudio,能够导出 JSON 文件并在 LiteScene 中应用。

CurtainsJS

CurtainsJS 是一个开源的轻量级 JavaScript 库,它使软件开发人员可能轻松地将其 HTML DOM 元素转换为交互式纹理立体。该库体积小,但十分稳固,容许用户轻松创立弱小的 3D 交互和动画。它能够毫不费力地将蕴含图像和视频的 HTML 元素转换为 3D WebGL 纹理立体,让用户通过着色器对其进行动画解决。该库十分易于应用,但须要具备 HTML,CSS,JavaScript 和着色器的良好基础知识。

D3.js

D3.js 是一个 JavaScript 库,用于应用 HTML、CSS 和 SVG 创立动静的交互式数据可视化。D3 将数据绑定到 DOM 及其元素,可能通过更改数据来操作可视化成果。D3 是一个十分弱小的可视化工具,用于创立交互式数据可视化。它利用古代 Web 规范:SVG,HTML 和 CSS 来创立数据可视化。D3 是数据驱动的。它能够应用静态数据或以不同的格局从近程服务器获取数据,例如数组,对象,CSV,JSON,XML 等。以创立不同类型的图表。

Sovit3D

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

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

正文完
 0