任务5:图元方式探究
复制任务2的正确顶点数据,只改变 draw mode,观察相同数据的不同绘制结果。
实验记录
我修改了什么:把 gl.drawArrays 的图元从任务2的 TRIANGLE_STRIP 改成 LINE_STRIP。4个顶点坐标、顺序和 uniform 颜色都未改。
我原先预测:不会再填充成四边形,而会按左上→左下→右上→右下连成折线,对角线会穿过矩形内部。
实际结果:Canvas 上只剩绿色折线,没有填充面;连接顺序确实是左上→左下→右上→右下,中间出现一条对角线。
原因解释:LINE_STRIP 按顶点顺序把相邻顶点连成线段,不进行三角形组装和填充;同样的 Buffer 只是被图元组装阶段用另一种规则解释。
等待运行...