Indices vbo added

Author: vimodev

index.js

@@ -14,21 +14,16 @@ async function loop() {
         new Vector3(-0.5, 0.5, 0),
         new Vector3(-0.5, -0.5, 0),
         new Vector3(0.5, 0.5, 0),
-        new Vector3(0.5, 0.5, 0),
-        new Vector3(-0.5, -0.5, 0),
         new Vector3(0.5, -0.5, 0),
     ], [
         new Color(1, 0, 0),
         new Color(0, 1, 0),
         new Color(0, 0, 1),
-        new Color(0, 0, 1),
-        new Color(0, 1, 0),
         new Color(0, 0, 0),
     ], [
-        
+        0, 1, 2, 2, 1, 3
     ])
 
-    Shader.transformationMatrix = new Matrix4();
     Shader.projectionMatrix = Matrix4.createProjectionMatrix(
         canvas.width / canvas.height,
         70,

renderer.js

@@ -54,10 +54,11 @@ class Renderer {
     static draw(model) {
         let positions = model.positions;
         let colors = model.colors;
-        for (let i = 0; i < positions.length; i += 3) {
-            let v1 = Shader.vertex(positions[i], colors[i]);
-            let v2 = Shader.vertex(positions[i + 1], colors[i + 1]);
-            let v3 = Shader.vertex(positions[i + 2], colors[i + 2]);
+        let indices = model.indices;
+        for (let i = 0; i < indices.length; i += 3) {
+            let v1 = Shader.vertex(positions[indices[i]], colors[indices[i]]);
+            let v2 = Shader.vertex(positions[indices[i + 1]], colors[indices[i + 1]]);
+            let v3 = Shader.vertex(positions[indices[i + 2]], colors[indices[i + 2]]);
             this.drawTriangle([v1, v2, v3]);
         }
     }