javascript - WebGL 应用程序无法正常工作

Question

我刚刚在 WebGL 上打破僵局，我正在尝试制作一个非常基本的程序。我想要的只是一个画布，它的一半是对角线的。到目前为止，我得到了这段代码来尝试绘制三角形：

 var triangle_vertex=[
        -1,-1,
        1,-1,
        1,1,
        ];

        var TRIANGLE_VERTEX= GL.createBuffer ();
        GL.bindBuffer(GL.ARRAY_BUFFER, TRIANGLE_VERTEX);
        GL.bufferData(GL.ARRAY_BUFFER, new Float32Array(triangle_vertex), GL.STATIC_DRAW);

        var triangle_faces = [0,1,2];
        var TRIANGLE_FACES = GL.createBuffer ();
        GL.bindBuffer(GL.ELEMENT_ARRAY_BUFFER, TRIANGLE_FACES);
        GL.bufferData(GL.ELEMENT_ARRAY_BUFFER, new Uint16Array(triangle_faces), GL.STATIC_DRAW);

        GL.clearColor(0.0, 0.0, 0.0, 0.0);
        function animate() 
        {
            GL.viewport(0.0, 0.0, canvas.width, canvas.height);
            GL.clear(GL.COLOR_BUFFER_BIT);
            GL.bindBuffer(GL.ARRAY_BUFFER, TRIANGLE_VERTEX);

            GL.vertexAttribPointer(_position, 2, GL.FLOAT, false,4*2,0);

            GL.bindBuffer(GL.ELEMENT_ARRAY_BUFFER, TRIANGLE_FACES);
            GL.drawElements(GL.TRIANGLES, 3, GL.UNSIGNED_SHORT, 0);
            GL.flush();
            window.requestAnimationFrame(animate);
        }
    animate();

虽然不是画出来的。它只是像我在 HTML 文件中告诉它的那样绘制一个红色画布。我正在使用 c9.io 运行游戏预览，是这个问题吗？如果不是，我的错误在哪里？如有必要，我可以提供更多代码。谢谢你。