WebGL简易教程

WebGL简易教程

WebGL简易教程

最近研究WebGL，看了《WebGL编程指南》这本书，结合自己的专业知识写的一系列教程。之前在看OpenGL/WebGL的时候总是感觉OpenGL/WebGL看的时候懂，实际用起来却挺难，感觉中间总是隔着很多东西。现在一路边学边写，才明白这中间缺少的其实就是总结，是实践；把这个过程写出来，既是帮助他

等 3 人订阅共7篇文章创建于2021-09-03

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

1. 概述在上一篇教程《WebGL简易教程(七)：绘制一个矩形体》中，通过一个绘制矩形包围盒的实例，进一步理解了模型视图投影变换。其实，三维场景的UI交互工作正是基于模型视图投影变换的基础之上的。这

4年前
393
1
评论

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

1. 概述在上一篇教程《WebGL简易教程(六)：第一个三维示例(使用模型视图投影变换)》中，通过使用模型视图投影变换，绘制了一组由远及近的三角形。但是这个示例还是太简单了，这几个三角形的坐标仍然是

4年前
277
1
2

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

1. 概述在上一篇教程《WebGL简易教程(五)：图形变换(模型、视图、投影变换)》中，详细讲解了OpenGL\WebGL关于绘制场景的模型变换、视图变换以及投影变换的过程。不过那篇教程是纯理论知识

4年前
508
1
评论

WebGL简易教程(四)：颜色

1. 概述在上一篇教程《WebGL简易教程(三)：绘制一个三角形(缓冲区对象)》中，通过使用缓冲区对象(buffer object)来向顶点着色器传送数据。那么，如果这些数据（与顶点相关的数据，如法

4年前
233
1
评论

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

1. 概述在上一篇教程《WebGL简易教程(二)：向着色器传输数据》中，通过向着色器(shader)传输数据，改变了绘制点的大小和颜色。之前的例子只能绘制一个点，如果需要绘制如三角形、矩形或者立方体

4年前
600
1
评论

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

1. 概述在上一篇教程《WebGL简易教程(一)：第一个简单示例》中，通过一个绘制点的例子，对WebGL中的可编程渲染管线有了个基本的认识。在之前绘制点的例子中，点的位置，点的大小，点的颜色，都是固

4年前
1.4k
6
评论

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

1. 概述不得不说现在三维图形渲染技术更新换代实在是太快,OpenGL很多资料还没来得及学习就已经有点落伍了。NeHe的学习教程还有之前用的《OpenGL编程指南》第七版（也就是红宝书）都非常好，可

4年前
504
1
评论