这是我参与「第四届青训营 」笔记创作活动的第4天,主要内容是关于WebGL的相关概念以及对GUP的初步了解。
一. WebGL笔记目录
- 初识是WebGL
- WebGL的起源
- WebGL的特点
- 初识GPU
二. WebGL相关知识点
-
初识WebGL
- 要认识WebGL,首先需要知道它的定义,WebGL是Web Graphics Library的简写,从字面意思上来讲就是一个Web图像库,它的主要作用就是帮助你在浏览器上创建和渲染三维图形的一个API集,也就是专门用于Web页面的OpenGL,可以兼容各种Web浏览器中渲染高性能的交互式3D和2D图形。
-
WebGL的起源
- 如下图所示,现在WebGL有两个版本,分别是WebGL 1.0和WebGL 2.0,它们都起源于OpenGL 1.5,但WebGL 1.0基于OpenGL ES 2.0,OpenGL ES 2.0又是OpenGL 2.0的子集,而WebGL 2.0基于OpenGL ES 3.0,OpenGL ES 3.0又是OpenGL 3.3的子集
- 如下图所示,现在WebGL有两个版本,分别是WebGL 1.0和WebGL 2.0,它们都起源于OpenGL 1.5,但WebGL 1.0基于OpenGL ES 2.0,OpenGL ES 2.0又是OpenGL 2.0的子集,而WebGL 2.0基于OpenGL ES 3.0,OpenGL ES 3.0又是OpenGL 3.3的子集
-
WebGL的特点
- 它解决了现有Web交互式三维动画的两个问题
- 它通过HTML脚本本身实现 Web 交互式三维动画的制作,无需任何浏览器插件支持。
- 它利用底层的图形硬件加速功能进行的图形渲染,是通过统一的、标准的、跨平台的OpenGL接口实现的。
- 不需要搭建开发环境,可以直接通过文本编辑器开发
- 它解决了现有Web交互式三维动画的两个问题
-
初识GPU
- GPU即 graphics processing unit的缩写,是图形处理器,又称为显示芯片,由大量的小型运算单元组成,这些小型运算单元只负责处理很简单的运算,所有的运算都可以并行进行。
- GPU的作用是代替了原来CPU的一些工作,并减少了显卡对CPU的依赖。
- GPU就是执行WebGL程序的单元,可以将WebGL程序输出到显示屏幕上。
总结
今天学习的WebGL让我理解得有一些困难,感觉还有许多其他得知识需要学习比如WebGL相关得知识点(今天才了解),还有许多之前学习过的东西都忘记了,比如线性代数得相关知识等。