练习-顶点颜色

本节课做一个顶点颜色相关的练习题，你可以打开1.9小节的案例，能看到两个红色的三角形，下面你可以先参考上节课知识点，借助顶点颜色，把两个红色三角形改为一个红色、一个绿色。

设置顶点颜色

思路非常简单，三角形三个顶点的颜色不同，会产生颜色渐变的效果，如果三个顶点颜色相同，三角形看到的颜色就是你设置的顶点颜色。

//创建顶点数据(顶点位置、顶点颜色)
const vertexArray = new Float32Array([
    // 三角形1
    // 顶点1位置    顶点1颜色(红色)
    0.0, 0.0, 0.0, 1.0, 0.0, 0.0,
    // 顶点2位置    顶点2颜色(红色)
    1.0, 0.0, 0.0, 1.0, 0.0, 0.0,
    // 顶点3位置    顶点3颜色(红色)
    0.0, 1.0, 0.0, 1.0, 0.0, 0.0,

    // 三角形2
    -0.5, -0.5, 0.0,  0.0, 1.0, 0.0,
    -1.0, -0.5, 0.0,  0.0, 1.0, 0.0,
    -0.5, -1.0, 0.0,  0.0, 1.0, 0.0, 
]);