WebGL
关注
分享
扫一扫
文章平均质量分 92
WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，为HTML5 Canvas提供硬件3D加速渲染，借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。
charlee44
《GIS基础原理与技术实践》作者
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
WebGL简易教程——结语
本文总结了作者关于WebGL教程系列的写作初衷与建议，探讨了WebGL的学习价值、发展趋势及资源推荐。原创 2025-07-12 21:26:40 · 396 阅读 · 0 评论 -
WebGL简易教程(十五)：加载gltf模型
详述了通过WebGL读取、解析并显示glTF格式数据的过程。原创 2020-01-20 14:58:33 · 6682 阅读 · 20 评论 -
WebGL简易教程——目录
WebGL简易教程的目录汇总原创 2019-12-08 12:20:46 · 4041 阅读 · 4 评论 -
WebGL简易教程(十四)：阴影
详述了WebGL中生成阴影的ShadowMap算法。原创 2019-12-07 14:15:56 · 1395 阅读 · 0 评论 -
WebGL简易教程(十三)：帧缓存对象(离屏渲染)
详细论述了WebGL中帧缓冲区技术的实现。原创 2019-12-01 11:27:58 · 2464 阅读 · 0 评论 -
WebGL简易教程(十二)：包围球与投影
通过包围球来设置模型视图投影变换，显示合适的渲染位置。原创 2019-11-09 22:04:33 · 1059 阅读 · 1 评论 -
WebGL简易教程(十一)：纹理
WebGL中使用纹理的实例：给地形贴上一张真实的纹理。原创 2019-10-16 12:23:47 · 1679 阅读 · 0 评论 -
WebGL简易教程(十)：光照
讲述了WebGL光照生成的原理，并作出了实际案例。原创 2019-10-13 19:29:48 · 2159 阅读 · 0 评论 -
WebGL简易教程(八)：三维场景交互
基于之前教程的知识，实现了一个三维场景的浏览实例：通过鼠标实现场景的旋转和缩放。原创 2019-10-06 22:37:44 · 2839 阅读 · 0 评论 -
WebGL简易教程(九)：综合实例：地形的绘制
综合WebGL的知识，实现了绘制一张地形图的实例。原创 2019-10-08 18:58:57 · 2291 阅读 · 6 评论 -
WebGL或OpenGL关于模型视图投影变换的设置技巧
通过一个地形包围盒的具体实例，讲解了WebGL/OpenGL中设置模型变换、视图变换、投影变换的技巧原创 2019-02-17 23:00:03 · 1325 阅读 · 5 评论 -
WebGL简易教程(七)：绘制一个矩形体
通过一个绘制矩形包围盒的实例，进一步理解了模型视图投影变换。原创 2019-10-06 20:59:49 · 2386 阅读 · 1 评论 -
WebGL简易教程(六)：第一个三维示例(使用模型视图投影变换)
通过使用模型视图投影变换，完成第一个真正三维场景的示例：显示一组由远及近的三角形。原创 2019-10-05 21:30:54 · 2247 阅读 · 0 评论 -
WebGL简易教程(五)：图形变换(模型、视图、投影变换)
详细讲解了OpenGL\WebGL关于绘制场景的图形变换过程，并推导了其图形变换矩阵。主要包括模型变换、视图变换以及投影变换。原创 2019-10-04 21:56:47 · 5069 阅读 · 5 评论 -
WebGL简易教程(四)：颜色
通过绘制彩色三角形的示例，介绍了varying变量，顶点着色器与片元着色器之间数据传输的过程：顶点装配与光栅化。原创 2019-09-14 17:35:24 · 3036 阅读 · 0 评论 -
WebGL简易教程(三)：绘制一个三角形(缓冲区对象)
通过一个绘制三角形的具体实例，详解了WebGL中缓冲区对象(buffer object)的使用。原创 2019-09-04 10:52:44 · 2875 阅读 · 1 评论 -
WebGL简易教程(二)：向着色器传输数据
改进了绘制一个点的实例，讲述了WebGL中向着色器(shader)传输数据的问题。原创 2019-08-11 11:29:20 · 3807 阅读 · 1 评论 -
WebGL简易教程(一)：第一个简单示例
概述了这篇教程的目的，编写了WebGL的第一个示例。原创 2019-08-04 21:40:33 · 26210 阅读 · 9 评论 -
WebGL的颜色渲染-渲染一张DEM(数字高程模型)
通过渲染一张DEM的具体例子，了解在WebGL中颜色渲染的过程。原创 2019-05-01 15:37:38 · 2352 阅读 · 5 评论