前端初识WebGL | 青训营笔记

92 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第4天,主要内容是关于WebGL的相关概念以及对GUP的初步了解。


一. WebGL笔记目录

  1. 初识是WebGL
  2. WebGL的起源
  3. WebGL的特点
  4. 初识GPU

二. WebGL相关知识点

  1. 初识WebGL

    • 要认识WebGL,首先需要知道它的定义,WebGL是Web Graphics Library的简写,从字面意思上来讲就是一个Web图像库,它的主要作用就是帮助你在浏览器上创建和渲染三维图形的一个API集,也就是专门用于Web页面的OpenGL,可以兼容各种Web浏览器中渲染高性能的交互式3D和2D图形。
  2. 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的子集 未命名流程图-页面1 (2).png
  3. WebGL的特点

    • 它解决了现有Web交互式三维动画的两个问题
      1. 它通过HTML脚本本身实现 Web 交互式三维动画的制作,无需任何浏览器插件支持。
      2. 它利用底层的图形硬件加速功能进行的图形渲染,是通过统一的、标准的、跨平台的OpenGL接口实现的。
      3. 不需要搭建开发环境,可以直接通过文本编辑器开发
  4. 初识GPU

    • GPU即 graphics processing unit的缩写,是图形处理器,又称为显示芯片,由大量的小型运算单元组成,这些小型运算单元只负责处理很简单的运算,所有的运算都可以并行进行。
    • GPU的作用是代替了原来CPU的一些工作,并减少了显卡对CPU的依赖。
    • GPU就是执行WebGL程序的单元,可以将WebGL程序输出到显示屏幕上。

总结

今天学习的WebGL让我理解得有一些困难,感觉还有许多其他得知识需要学习比如WebGL相关得知识点(今天才了解),还有许多之前学习过的东西都忘记了,比如线性代数得相关知识等。