05 从数据到顶点

attribute、uniform 与 varying

顶点各有颜色；GPU 插值填满中间；uGain 同时影响整个三角形。

uGain · 全局亮度1.00

讲解

带下划线的数字可以左右拖动

// 顶点：每个角点有自己的颜色vColor = aColor;// 片元：收到插值后的颜色vec3 color = vColor * ;gl_FragColor = vec4(color, 1.0);

attribute每个顶点各有一份

varying顶点 → 插值 → 片元

uniform一次绘制共同使用

插值的权重就是上一课的重心坐标 w0、w1、w2。

JS 这一侧gl.uniform1f(uGain, 1.00)

attribute 每个顶点一份；varying 由 GPU 插值后交给片元；uniform 一次绘制共用一份。

试一试