任务5:图元方式探究

复制任务2的正确顶点数据,只改变 draw mode,观察相同数据的不同绘制结果。

实验记录

我修改了什么:把 gl.drawArrays 的图元从任务2的 TRIANGLE_STRIP 改成 LINE_STRIP。4个顶点坐标、顺序和 uniform 颜色都未改。

我原先预测:不会再填充成四边形,而会按左上→左下→右上→右下连成折线,对角线会穿过矩形内部。

实际结果:Canvas 上只剩绿色折线,没有填充面;连接顺序确实是左上→左下→右上→右下,中间出现一条对角线。

原因解释:LINE_STRIP 按顶点顺序把相邻顶点连成线段,不进行三角形组装和填充;同样的 Buffer 只是被图元组装阶段用另一种规则解释。

你的浏览器不支持 HTML5 canvas。
等待运行...