add meshopt default path and test example

kfarr · kfarr · commit aaca279706b0 · 2022-11-21T12:48:49.000-08:00
diff --git a/docs/components/gltf-model.md b/docs/components/gltf-model.md
@@ -146,7 +146,7 @@ When using glTF models compressed with Draco, KTX2 or Meshopt, you must configur
 |------------------|--------------------------------------|----|
 | dracoDecoderPath | Path to the Draco decoder libraries. | 'https://www.gstatic.com/draco/versioned/decoders/1.5.5/' |
 | basisTranscoderPath | Path to the basis/KTX2 transcoder libraries. | '' |
-| meshoptDecoderPath | Path to the Meshopt decoder.       | '' |
+| meshoptDecoderPath | Path to the Meshopt decoder.       | 'https://unpkg.com/meshoptimizer@0.18.0/meshopt_decoder.js' |
 
 `dracoDecoderPath` path must be a folder containing three files:
 
@@ -167,7 +167,7 @@ be included.
 These files are available from the three.js repository in [`/examples/js/libs/basis`](https://github.com/mrdoob/three.js/tree/master/examples/js/libs/basis).
 
 
-`meshoptDecoderPath` path should be the complete file path (including filename) for a Meshopt decoder, typically named `meshopt_decoder.js`. Meshopt requires WebAssembly support. A CDN-hosted, versioned decoder is available at `https://unpkg.com/meshoptimizer@0.16.0/meshopt_decoder.js`, or you may download copies from the [meshoptimizer GitHub repository][meshopt-decoder].
+`meshoptDecoderPath` path should be the complete file path (including filename) for a Meshopt decoder, typically named `meshopt_decoder.js`. Meshopt requires WebAssembly support. A CDN-hosted, versioned decoder is available at `https://unpkg.com/meshoptimizer@0.18.0/meshopt_decoder.js`, or you may download copies from the [meshoptimizer GitHub repository][meshopt-decoder].
 
 ## More Resources
 
diff --git a/examples/index.html b/examples/index.html
@@ -169,6 +169,7 @@ <h2>Tests</h2>
       <li><a href="test/geometry-gallery/">Geometry Gallery</a></li>
       <li><a href="test/gltf-model/">glTF Model</a></li>
       <li><a href="test/gltf-model/draco.html">glTF Model Draco</a></li>
+      <li><a href="test/gltf-model/meshopt.html">glTF Model Meshopt</a></li>
       <li><a href="test/laser-controls/">Laser Controls</a></li>
       <li><a href="test/layer/">Compositor Layer</a></li>
       <li><a href="test/mixin/">Mixin</a></li>
diff --git a/examples/test/gltf-model/meshopt.html b/examples/test/gltf-model/meshopt.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>glTF Model Meshopt</title>
+    <meta name="description" content="glTF Model Meshopt - A-Frame">
+    <script src="../../../dist/aframe-master.js"></script>
+  </head>
+  <body>
+    <a-scene stats background="color: black">
+      <a-assets>
+        <a-asset-item id="lucy" src="https://naver.github.io/egjs-view3d/model/meshopt/lucy.glb"></a-asset-item>
+      </a-assets>
+      <a-entity position="0 1 -2" gltf-model="#lucy"></a-entity>
+    </a-scene>
+  </body>
+</html>
diff --git a/src/systems/gltf-model.js b/src/systems/gltf-model.js
@@ -15,7 +15,7 @@ function fetchScript (src) {
 /**
  * glTF model system.
  *
- * Configures glTF loading options. Models using glTF compression require that a Draco decoder be
+ * Configures glTF loading options. Models using glTF compression require that a decoder be
  * provided externally.
  *
  * @param {string} dracoDecoderPath - Base path from which to load Draco decoder library.
@@ -26,7 +26,7 @@ module.exports.System = registerSystem('gltf-model', {
   schema: {
     dracoDecoderPath: {default: 'https://www.gstatic.com/draco/versioned/decoders/1.5.5/'},
     basisTranscoderPath: {default: ''},
-    meshoptDecoderPath: {default: ''}
+    meshoptDecoderPath: {default: 'https://unpkg.com/meshoptimizer@0.18.0/meshopt_decoder.js'}
   },
 
   init: function () {
