随笔分类 -  WebGL

WebGL简易教程(十五)：加载gltf模型
摘要：详述了通过WebGL读取、解析并显示glTF格式数据的过程。 阅读全文
posted @ 2020-01-20 15:09 charlee44 阅读(9890) 评论(4) 推荐(2) 编辑
WebGL简易教程——目录
摘要：WebGL简易教程的目录汇总。 阅读全文
posted @ 2019-12-08 12:31 charlee44 阅读(4036) 评论(8) 推荐(2) 编辑
WebGL简易教程(十四)：阴影
摘要：详述了WebGL中生成阴影的ShadowMap算法。 阅读全文
posted @ 2019-12-07 14:32 charlee44 阅读(2031) 评论(0) 推荐(0) 编辑
WebGL简易教程(十三)：帧缓存对象(离屏渲染)
摘要：详细论述了WebGL中帧缓冲区技术的实现。 阅读全文
posted @ 2019-12-01 11:41 charlee44 阅读(5325) 评论(1) 推荐(1) 编辑
WebGL简易教程(十二)：包围球与投影
摘要：通过包围球来设置模型视图投影变换，显示合适的渲染位置。 阅读全文
posted @ 2019-11-09 22:11 charlee44 阅读(1540) 评论(0) 推荐(1) 编辑
WebGL简易教程(十一)：纹理
摘要：WebGL中使用纹理的实例：给地形贴上一张真实的纹理。 阅读全文
posted @ 2019-10-16 12:31 charlee44 阅读(2998) 评论(0) 推荐(4) 编辑
WebGL简易教程(十)：光照
摘要：讲述了WebGL光照生成的原理，并作出了实际案例。 阅读全文
posted @ 2019-10-13 19:49 charlee44 阅读(3561) 评论(0) 推荐(1) 编辑
WebGL简易教程(九)：综合实例：地形的绘制
摘要：综合WebGL的知识，实现了绘制一张地形图的实例。 阅读全文
posted @ 2019-10-08 19:13 charlee44 阅读(3406) 评论(3) 推荐(3) 编辑
WebGL简易教程(八)：三维场景交互
摘要：基于之前教程的知识，实现了一个三维场景的浏览实例：通过鼠标实现场景的旋转和缩放。 阅读全文
posted @ 2019-10-06 22:48 charlee44 阅读(3297) 评论(0) 推荐(1) 编辑
WebGL简易教程(七)：绘制一个矩形体
摘要：通过一个绘制矩形包围盒的实例，进一步理解了模型视图投影变换。 阅读全文
posted @ 2019-10-06 21:09 charlee44 阅读(2614) 评论(0) 推荐(1) 编辑
WebGL简易教程(六)：第一个三维示例(使用模型视图投影变换)
摘要：通过使用模型视图投影变换，完成第一个真正三维场景的示例：显示一组由远及近的三角形。 阅读全文
posted @ 2019-10-05 21:41 charlee44 阅读(2401) 评论(0) 推荐(0) 编辑
WebGL简易教程(五)：图形变换(模型、视图、投影变换)
摘要：详细讲解了OpenGL\WebGL关于绘制场景的图形变换过程，并推导了其图形变换矩阵。主要包括模型变换、视图变换以及投影变换。 阅读全文
posted @ 2019-10-04 22:17 charlee44 阅读(7279) 评论(6) 推荐(3) 编辑
WebGL简易教程(四)：颜色
摘要：通过绘制彩色三角形的示例，介绍了varying变量，顶点着色器与片元着色器之间数据传输的过程：顶点装配与光栅化。 阅读全文
posted @ 2019-09-14 17:46 charlee44 阅读(2744) 评论(0) 推荐(1) 编辑
WebGL简易教程(三)：绘制一个三角形(缓冲区对象)
摘要：通过一个绘制三角形的具体实例，详解了WebGL中缓冲区对象(buffer object)的使用。 阅读全文
posted @ 2019-09-04 11:09 charlee44 阅读(2786) 评论(0) 推荐(1) 编辑
WebGL简易教程(二)：向着色器传输数据
摘要：改进了绘制一个点的实例，讲述了WebGL中向着色器(shader)传输数据的问题。 阅读全文
posted @ 2019-08-11 11:45 charlee44 阅读(2761) 评论(1) 推荐(0) 编辑
WebGL简易教程(一)：第一个简单示例
摘要：概述了这篇教程的目的，编写了WebGL的第一个示例。 阅读全文
posted @ 2019-08-04 21:54 charlee44 阅读(5388) 评论(2) 推荐(0) 编辑
WebGL的颜色渲染-渲染一张DEM(数字高程模型)
摘要：通过渲染一张DEM的具体例子，了解在WebGL中颜色渲染的过程。 阅读全文
posted @ 2019-05-01 15:51 charlee44 阅读(2068) 评论(0) 推荐(0) 编辑
WebGL或OpenGL关于模型视图投影变换的设置技巧
摘要：通过一个地形包围盒的具体实例，讲解了WebGL/OpenGL中设置模型变换、视图变换、投影变换的技巧。 阅读全文
posted @ 2019-02-17 23:14 charlee44 阅读(1631) 评论(0) 推荐(1) 编辑