webgl笔记
原文中文，约3200字，阅读约需8分钟。
📝
内容提要
本文介绍了如何使用WebGL绘制几何图形，包括创建顶点和片元着色器，设置颜色和坐标，并通过gl.drawArrays()函数将顶点数据转化为图形并在画布上显示。
❓
Q&A
如何使用WebGL绘制几何图形？
使用gl.drawArrays()函数将顶点数据转化为几何图形，并在画布上显示。
什么是顶点着色器和片元着色器？
顶点着色器用于处理顶点数据，片元着色器用于处理像素颜色。
如何设置图形的颜色？
通过gl.uniform4f()函数设置图形的颜色。
如何创建和绑定顶点缓冲区？
使用gl.createBuffer()创建缓冲区，并通过gl.bindBuffer()绑定它。
如何清除WebGL画布？
使用gl.clearColor()设置清除颜色，然后调用gl.clear()清除画布。
gl.vertexAttribPointer()函数的作用是什么？
该函数用于设置顶点属性，以便在绘制时使用。
🏷️
