目录0.前言0.1.源码中的DrawCommand1.创建1.1.构成要素-VertexArray1.2.构成要素-ShaderProgram1.3.构成要素-WebGL的统一值1.4.渲染状态对象-RenderState1.5.其它构成因子①绘制的通道类型-Pass②绘制的图元类型-WebGL绘制常数③离屏绘制容器-Framebuffer④模型坐标变换矩阵-Matrix4⑤其它1.6.我们来实践一发纯色三角形2.意义-自定义Primitive（PrimitiveLike）点到为止3.参考资料0.前言PrimitiveAPI是公开的API的最底层了，它面向的场景是高性能、可自定义材质着色器（A
其他章节请看：webgl系列三角形有人说三维模型的基本单元是三角形。比如复杂的游戏角色，也只是用许多三角形画出来的。不管上述说法是否属实，本篇先把三角形画出来。如何绘制一个三角形鼠标点击绘点示例我们写了这样的代码：points.forEach(item=>{gl.vertexAttrib3f(a_Position,item.x,item.y,0.0);gl.drawArrays(gl.POINTS,0,1);})这种方法一次只能绘制一个点。比如需要绘制一个三角形，应该是一个连贯的动作。比如在顶点着色器中一次性画三个点，然后用线连接；而不是绘制一个点，在绘制一个点，在绘制一个点...，不应该是零
其他章节请看：webgl系列三角形有人说三维模型的基本单元是三角形。比如复杂的游戏角色，也只是用许多三角形画出来的。不管上述说法是否属实，本篇先把三角形画出来。如何绘制一个三角形鼠标点击绘点示例我们写了这样的代码：points.forEach(item=>{gl.vertexAttrib3f(a_Position,item.x,item.y,0.0);gl.drawArrays(gl.POINTS,0,1);})这种方法一次只能绘制一个点。比如需要绘制一个三角形，应该是一个连贯的动作。比如在顶点着色器中一次性画三个点，然后用线连接；而不是绘制一个点，在绘制一个点，在绘制一个点...，不应该是零
其他章节请看：webgl系列渐变三角形本文通过一个渐变三角形的示例逐步分析：varying变量、合并缓冲区、图形装配、光栅化、varying内插绘制三个点v1需求：绘制三个相同颜色的点，效果如下：通过三角形的学习，这个需求非常容易实现。代码如下：constVSHADER_SOURCE=`attributevec4a_Position;voidmain(){gl_Position=a_Position;gl_PointSize=10.0;}`constFSHADER_SOURCE=`voidmain(){gl_FragColor=vec4(1.0,0.0,0.0,1.0);}`functionm
其他章节请看：webgl系列渐变三角形本文通过一个渐变三角形的示例逐步分析：varying变量、合并缓冲区、图形装配、光栅化、varying内插绘制三个点v1需求：绘制三个相同颜色的点，效果如下：通过三角形的学习，这个需求非常容易实现。代码如下：constVSHADER_SOURCE=`attributevec4a_Position;voidmain(){gl_Position=a_Position;gl_PointSize=10.0;}`constFSHADER_SOURCE=`voidmain(){gl_FragColor=vec4(1.0,0.0,0.0,1.0);}`functionm
参考LearnOpenGLCN(learnopengl-cn.github.io)1-2VAO与VBO_哔哩哔哩_bilibili定义OpenGL窗口类#ifndefMYGLWIDGET_H#defineMYGLWIDGET_H#include#includeclassMyGLwidget:publicQOpenGLWidget,QOpenGLFunctions_3_3_Core{public:explicitMyGLwidget(QWidget*parent=nullptr);~MyGLwidget();private:unsignedintVAO;///#include"myglwidge
参考LearnOpenGLCN(learnopengl-cn.github.io)1-2VAO与VBO_哔哩哔哩_bilibili定义OpenGL窗口类#ifndefMYGLWIDGET_H#defineMYGLWIDGET_H#include#includeclassMyGLwidget:publicQOpenGLWidget,QOpenGLFunctions_3_3_Core{public:explicitMyGLwidget(QWidget*parent=nullptr);~MyGLwidget();private:unsignedintVAO;///#include"myglwidge
莱昂纳多的重力研究图表。(Gharibetal.，Leonardo,2022)众所周知，牛顿是17世纪下半叶第一个提出万有引力理论的人。显然这是受到从树上掉下来的苹果的启发。而最近，加州理工学院、康奈尔大学等机构的一项研究认为，早在牛顿提出万有引力定律的一百多年前，意大利文艺复兴三杰之一列奥纳多・达芬奇也对万有引力有了基本的认识。该研究分析了达芬奇现已数字化笔记本中的图表，包括三角形草图，它们显示了自然运动、定向运动和运动平衡之间的关系——即对「重力是一种加速度」的认知。论文地址：https://direct.mit.edu/leon/article-abstract/56/1/21/1138
莱昂纳多的重力研究图表。(Gharibetal.，Leonardo,2022)众所周知，牛顿是17世纪下半叶第一个提出万有引力理论的人。显然这是受到从树上掉下来的苹果的启发。而最近，加州理工学院、康奈尔大学等机构的一项研究认为，早在牛顿提出万有引力定律的一百多年前，意大利文艺复兴三杰之一列奥纳多・达芬奇也对万有引力有了基本的认识。该研究分析了达芬奇现已数字化笔记本中的图表，包括三角形草图，它们显示了自然运动、定向运动和运动平衡之间的关系——即对「重力是一种加速度」的认知。论文地址：https://direct.mit.edu/leon/article-abstract/56/1/21/1138
在最初探索这个问题的时候，我们对三角形全等的判定只能通过实际操作来完成，比方说以这两个三角形当我们把它剪下来以后，看他们是否能够完全重叠，就可以判断他们是否是全等的。如果可以重叠，那么他们又是全能的，如果他们不能重叠，那么他们就不是全能的。到了后来我们对三角形的全等进行了定义，也就是：三组对应边三组对应角完全相等的两个三角形全等，只要有两个三角形，它们的对应边分别相等，它们的对应角也分别相等，那么这两个三角形也是全等的。也就是说我们在已知6个条件的时候，可以判断两个三角形全等，那么是否可以用更少的条件，仍然可以推出两个三角形全等呢？这就是在精确部分我们需要进行的工作。那么在探索的时候，我们就这
