常用的基于WebGL的三维WebGIS框架

1. Three.js

Three.js 是一款运行在浏览器中的3D引擎,官方地址为https://threejs.org/,你可以用它创建各种三维场景,包括摄影机、光影、材质等各种对象。

2. Babylon.js

Babylon.js是一个JavaScript开源框架,基于WebGL和TypeScript语言开发,官方网站是http://www.babylonjs.com。Babylon.js用于为Web开发3D应用程序/视频游戏,它提供了一套功能强大且全面的工具和功能,用于构建高性能图形应用。使用Babylon.js框架对用户来说很容易,它包含创建和管理3D对象、特效和声音等所需的所有工具,无论您是想创建虚拟现实体验、建模和渲染复杂的场景,还是制作各种类型的游戏,Babylon.js都可以为您提供所需的工具和功能。。

3. PlayCanvas

Playcanvas是一款游戏引擎,其官方地址为https://playcanvas.com/。Playcanvas集UI、2D、3D、编辑器与一体,结合了物理、光影、音效等工具,用于创建一个复杂的界面。
(1) 图形:基于WebGL1和2构建的高级2D+3D图形引擎。
(2) 动画:强大的基于状态的动画,用于角色和任意场景属性。
(3) 物理:与3D刚体物理引擎 ammo.js 完全集成。
(4) 输入:鼠标、键盘、触摸、游戏手柄和VR控制器API。
(5) 声音:基于Web Audio API构建的3D位置声音。
(6) 资产:基于 glTF 2.0、Draco 和 Basis 压缩构建的异步流系统。
(7) 脚本:使用Typescript或JavaScript编写游戏行为

4. EchartGL

ECharts GL为ECharts补充了丰富的三维可视化组件,因此如果你对ECharts有一定了解的话,也可以很快的上手。通过简单地配置,不需要了解WebGL和三维动画的原理也能轻易绘制出想要的图表。

5. deckgl

deck.gl是Uber开源的基于WebGL的地理大数据可视化框架,官方网址为https://deck.gl/。deck.gl设计目的是简化大数据集的可视化,它使用户能够通过现有层的组合,以有限的努力快速获得令人印象深刻的可视化结果,同时为将基于WebGL的高级可视化打包为可重用的JavaScript层提供了完整的体系结构。

6. harpgl

harp.gl是用TypeScript编写的一个实验性的、开源的三维地图渲染引擎,使用此引擎可以:
(1) 开发具有视觉吸引力的3D地图。
(2) 使用流行的three.js库,使用WebGL创建高度动画和动态的地图可视化。
(3) 创建可创建主题的地图,主题可以随时更改。
(4) 通过高性能的地图渲染和解码创建平滑的地图体验。Web workers将CPU密集型任务并行化,以实现最佳响应。
(5) 以模块化的方式设计地图,可以根据需要交换模块和数据提供程序。

7. L7

L7是由蚂蚁集团AntV数据可视化团队推出的基于WebGL的开源大规模地理空间数据可视分析引擎。L7专注于空间数据的可视化表达,以图形符号学为理论基础,将抽象复杂的空间数据转化成2D、3D符号,通过颜色、大小、体积、纹理等视觉变量实现丰富的可视化表达。另外,L7可以很好地与高德地图或者MapboxGL进行结合。

8. Cesium

Cesium是一个跨平台、跨浏览器的展示三维地球和地图的JavaScript库。使用WebGL来进行硬件加速图形,使用时不需要任何插件支持,但是浏览器必须支持WebGL。基于Apache2.0许可的开源程序,它可以免费的用于商业和非商业用途。Cesium具有以下特点:
(1) 支持2D、2.5D、3D形式的地图展示。
(2) 可以绘制各种几何图形、高亮区域,支持导入图片甚至3D模型等多种数据可视化展示
(3) 可用于动态数据可视化,并提供良好的触摸支持,支持绝大多数的浏览器和移动端。
(4) Cesium还支持基于时间轴的动态数据展示

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值