WebGL—3D 入门

WebGL（Web 图形库）是一个 JavaScript API，可在任何兼容的 Web 浏览器中渲染高性能的交互式 3D 和 2D 图形，而无需使用插件。WebGL 通过引入一个与 OpenGL ES 2.0 非常一致的 API 来做到这一点，该 API 可以在 HTML5 <canvas> 元素中使用。这种一致性使 API 可以利用用户设备提供的硬件图形加速。

WebGL 可以直接操作更强大的 GPU 来实现绘图。

WebGL 的使用场景：

要绘制的图形数量非常多。
对较大图像的细节做像素处理，比如，实现物体的光影、流体效果和一些复杂的像素滤镜。
绘制 3D 物体。

可视化领域的工具大体上分为 4 类：

图表库：专业呈现各种类型图表的，如：ECharts；
地理库：专业处理地图、地理位置，如：Mapbox、Leaflet、Deck.gl；
渲染库：专业处理视觉呈现，如：ThreeJS、SpriteJS；
数据驱动框架：处理数据，如：D3.js;

【推荐阅读】
WebGL_API | MDN
WebGL 中文网

WebGL—3D 入门相关推荐

分享收集的WebGL 3D学习资源
大家好,我在本文中分享了我收集的WebGL 3D相关的博客.书籍.教程.demo等内容,希望对大家学习WebGL和3D有所帮助,谢谢- 相关博客 Wonder技术 Wonder是我们的产品,包含Web ...
基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步（一）
今天没有延续上一篇讲的内容,穿插一段小插曲,WebSocket 实时数据通讯同步的问题,今天我们并不是很纯粹地讲 WebSocket 相关知识,我们通过 WebGL 3D 拓扑图来呈现一个有趣的 De ...
svg放大缩小拖动_Day2 三种图表技术SVG、Canvas、WebGL 3D比较
1.什么是SVG? 描述: 一种使用XML描述的2D图形的语言 SVG基于XML意味着,SVG DOM中的每个元素都是可用的,可以为某个元素附加Javascript事件处理器. 在 SVG 中,每个被 ...
WebGL 3d模型优化实战
随着我在 Echobind 的投入时间以及我自己的空闲时间,我一直在慢慢学习 webGL 库,例如 three.js.Mozilla 的/Super Medium 的 A-Frame.Google 的 ...
Unity 3D入门简介
最近在刚开始学习Unity 3D,在这里记录一下学习心得和学习笔记,边学边写,可能会比较零散.好了,废话不多说,今天从Unity 3D入门写起,主要简要介绍一下Unity 3D的和一些学习资料.以下如 ...
c语言3d入门教程,WebGL入门教程四：借助 ? image3D绘制三维图形入门(一个简单的例子)...
作者:心叶时间:2019-09-12 14:51 通过前面三篇文档的说明,大家应该基本了解了webgl的绘制方法,为了下一步更深入的学习,我们先来学习一下一个辅助库image3D,这个库主要是提供一 ...
WebGL 3D 数百个 HTML5 例子学习 HT 图形组件
<数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇>一文让读者了解了 HT 的 2D 拓扑图组件使用,本文将对 HT 的 3D 功能做个综合性的介绍,以便初学者可快速上手使用 H ...
WebGL 3D 工业隧道监控实战
2019独角兽企业重金招聘Python工程师标准>>> 前言监控隧道内的车道堵塞情况.隧道内的车祸现场,在隧道中显示当前车祸位置并在隧道口给与提示等等功能都是非常有必要的.这个隧道 ...
基于 HTML5 的 WebGL 3D 档案馆可视化管理系统
2019独角兽企业重金招聘Python工程师标准>>> 前言档案管理系统是通过建立统一的标准以规范整个文件管理,包括规范各业务系统的文件管理的完整的档案资源信息共享服务平台,主要实 ...

WebGL—3D 入门

WebGL—3D 入门相关推荐

最新文章

热门文章