这是我参与第五届青训营伴学笔记创作活动的第十五天

38 阅读1分钟

前端与WebGL | 青训营笔记

这是我参与第五届青训营伴学笔记创作活动的第十五天

一、什么是WebGL WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。

二、 1.光栅:几乎所有的现代图形系统都是基于光栅来绘制图形的,光栅就是指构成图像的像素阵列

2.像素:一个像素对应图像上的一个点,它通常保存图形上的某个具体位置的颜色等信息

3.帧缓存:在绘图过程中,像素信息被存放于帧缓存中,帧缓存是一块内存地址

4.CPU:中央处理单元,负责逻辑计算

5.GPU:图形处理单元,负责图形计算

三、3D标准模型的四个齐次矩阵 1.投影矩阵 2.模型矩阵 3.视图矩阵 4.法向量矩阵