初识webgl基础概念

一、webgl简介

1.webgl是什么

WebGL 是一种 3D 绘图协议，或者说是一种 JavaScript API。由于 WebGL 技术旨在帮助我们在不使用插件的情况下在任何兼容的网页浏览器中开发交互式 2D 和 3D 网页效果，可以理解为一种帮助我们开发 3D 网页的绘图技术，当然底层还是 JavaScript API  WebGL通过在浏览器中执行JavaScript代码，利用GPU进行图形渲染。

2.webgl优势

包括跨平台、高效率、可定制性强和开放源代码

最主要是内嵌在浏览器中，不需要安装任何插件即可运⾏；只需要⼀个⽂本编辑器和浏览器，就可以编写三维图形程序；学习和使用比较简单

3.webgl开源框架

1.Three.js：JavaScript 3D WebGL库
2.Babylon.js：Web3D图形引擎
3.KickJS：Web的开源图形和游戏引擎
4.ClayGL：构建可扩展的Web3D应⽤程序
5.PlayCanvas：网络游戏和3D图形引擎
6.WebGLStudio.js和Litescene.js：开源Web 3D图形编辑器和创建器
7.Luma：Uber的3D WebGL可视化库
8.A-Frame是用于构建VR（虚拟现实）体验的Web框架
 

二、webgl中的基本概念

1. 上下文 (Context)
WebGL上下文是与HTML `<canvas>` 元素关联的对象，它允许你在该画布上进行图形渲染。使用`getContext("webgl")`来获取这一上下文，并用于进行后续的绘制操作。

<