charlee44的博客_WebGL

WebGL简易教程(九)：综合实例：地形的绘制

综合WebGL的知识，实现了绘制一张地形图的实例。

WebGL

DEM

地形

渲染

实例

原创 2021-11-01 16:51:26 502 阅读 1收藏

WebGL简易教程(十一)：纹理

WebGL中使用纹理的实例：给地形贴上一张真实的纹理。

WebGL

纹理

2d

着色器

加载

原创 2021-11-01 16:48:56 712 阅读

WebGL的颜色渲染-渲染一张DEM(数字高程模型)

通过渲染一张DEM的具体例子，了解在WebGL中颜色渲染的过程。

WebGL

颜色渲染

DEM

i++

数据

原创 2021-11-01 11:35:03 521 阅读

WebGL简易教程(七)：绘制一个矩形体

通过一个绘制矩形包围盒的实例，进一步理解了模型视图投影变换。

数组

着色器

投影矩阵

模型视图

投影变换

原创 2021-11-01 11:22:43 168 阅读

WebGL简易教程(二)：向着色器传输数据

改进了绘制一个点的实例，讲述了WebGL中向着色器(shader)传输数据的问题。

WebGL

示例

着色器

顶点着色器

数据

原创 2021-11-01 11:22:42 202 阅读

WebGL简易教程(一)：第一个简单示例

概述了这篇教程的目的，编写了WebGL的第一个示例。

WebGL

示例

着色器

顶点着色器

html

原创 2021-11-01 11:22:41 776 阅读

WebGL简易教程(四)：颜色

通过绘制彩色三角形的示例，介绍了varying变量，顶点着色器与片元着色器之间数据传输的过程：顶点装配与光栅化。

WebGL

顶点

片元

图形装配

光栅化

原创 2021-11-01 11:22:40 372 阅读

WebGL简易教程(三)：绘制一个三角形(缓冲区对象)

通过一个绘制三角形的具体实例，详解了WebGL中缓冲区对象(buffer object)的使用。

WebGL

缓冲区对象

三角形

数据

html

原创 2021-11-01 11:22:40 135 阅读

WebGL简易教程(六)：第一个三维示例(使用模型视图投影变换)

通过使用模型视图投影变换，完成第一个真正三维场景的示例：显示一组由远及近的三角形。

WebGL

模型变换

视图变换

投影变换

着色器

原创 2021-11-01 11:22:39 280 阅读

WebGL简易教程(八)：三维场景交互

基于之前教程的知识，实现了一个三维场景的浏览实例：通过鼠标实现场景的旋转和缩放。

WebGL

三维交互

旋转

缩放

重绘

原创 2021-11-01 11:22:38 405 阅读 1收藏

WebGL简易教程(十二)：包围球与投影

通过包围球来设置模型视图投影变换，显示合适的渲染位置。

WebGL

模型视图投影变换

包围球

i++

着色器

原创 2021-11-01 11:22:38 332 阅读

WebGL简易教程(十)：光照

讲述了WebGL光照生成的原理，并作出了实际案例。

WebGL

光照

环境反射

漫发射

环境光

原创 2021-11-01 11:22:37 379 阅读

WebGL简易教程(十四)：阴影

详述了WebGL中生成阴影的ShadowMap算法。

WebGL

ShadowMap

阴影

缓存

着色器

原创 2021-11-01 11:22:35 655 阅读

WebGL简易教程(十三)：帧缓存对象(离屏渲染)

详细论述了WebGL中帧缓冲区技术的实现。

WebGL

帧缓冲区对象

FBO

着色器

初始化

原创 2021-11-01 11:22:35 1119 阅读

WebGL简易教程(十五)：加载gltf模型

详述了通过WebGL读取、解析并显示glTF格式数据的过程。

WebGL

gltf

数据

数组

着色器

原创 2021-11-01 11:22:34 2700 阅读

WebGL简易教程——目录

WebGL简易教程的目录汇总。

WebGL

教程

投影变换

模型视图

着色器

原创 2021-11-01 11:22:33 195 阅读 1点赞 1收藏

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb617e0249e9dbd的博客

WebGL简易教程(九)：综合实例：地形的绘制

WebGL简易教程(十一)：纹理

WebGL的颜色渲染-渲染一张DEM(数字高程模型)

WebGL简易教程(七)：绘制一个矩形体

WebGL简易教程(二)：向着色器传输数据

WebGL简易教程(一)：第一个简单示例

WebGL简易教程(四)：颜色

WebGL简易教程(三)：绘制一个三角形(缓冲区对象)

WebGL简易教程(六)：第一个三维示例(使用模型视图投影变换)

WebGL简易教程(八)：三维场景交互

WebGL简易教程(十二)：包围球与投影

WebGL简易教程(十)：光照

WebGL简易教程(十四)：阴影

WebGL简易教程(十三)：帧缓存对象(离屏渲染)

WebGL简易教程(十五)：加载gltf模型

WebGL简易教程——目录

欢迎