[glTF loader] Fix model with vertex color of size 3.

pissang · Jan 23, 2018 · 76c4ead · 76c4ead
1 parent 28aa33d
commit 76c4ead
Show file tree

Hide file tree

Showing 3 changed files with 445 additions and 0 deletions.
diff --git a/example/app_model_vertex_color.html b/example/app_model_vertex_color.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <script src="../dist/claygl.js"></script>
+    <title>Model loading</title>
+</head>
+<body>
+    <style>
+        html, body, #main {
+            height: 100%;
+            margin: 0;
+        }
+    </style>
+    <div id="main"></div>
+    <script>
+        var app = clay.application.create('#main', {
+            init: function (app) {
+                // Create camera
+                this._camera = app.createCamera([0, 2, 100], [0, 0, 0]);
+
+                // Create light
+                app.createDirectionalLight([-1, -1, -1]);
+
+                // Use orbit control
+                this._control = new clay.plugin.OrbitControl({
+                    target: this._camera,
+                    domElement: app.container
+                });
+
+                // Load boombox model. return a load promise to make sure the look will be start after model loaded.
+                return app.loadModel('./assets/models/VoxelCorgi.gltf', {
+                    waitTextureLoaded: true
+                });
+            },
+
+            loop: function (app) {
+                this._control.update(app.frameTime);
+            }
+        });
+
+        window.onresize = function () {
+            app.resize()
+        };
+    </script>
+</body>
+</html>