Simplify

demos/hello-three/NOTICE.html

@@ -35,7 +35,7 @@
                 <a href="https://threejs.org" target="_blank" rel="external">https://threejs.org</a>
             </li>
         </ol>
-        <p>This application also contains a 3D model of a mage from "Adventurers Character Pack" by <a href="https://kaylousberg.com" target="_blank" rel="external">Kay Lousberg</a>, released under the <a href="#cc0">Creative Commons Zero 1.0 Universal</a>.</p>
+        <p>This application also contains a 3D model of a mage by <a href="https://kaylousberg.com" target="_blank" rel="external">Kay Lousberg</a>, released under the <a href="#cc0">Creative Commons Zero 1.0 Universal</a>.</p>
         <hr>
 
         <h2 id="lgpl">GNU Lesser General Public License</h2>

demos/hello-three/demo.js

@@ -28,12 +28,6 @@ class DemoUtils
         return gltf;
     }
 
-    switchToFrontView(root)
-    {
-        // top view is the default
-        root.rotateX(-Math.PI / 2);
-    }
-
     createAnimationAction(gltf, name = null)
     {
         const mixer = new THREE.AnimationMixer(gltf.scene);
@@ -61,6 +55,12 @@ class DemoUtils
         return mesh;
     }
 
+    switchToFrontView(ar)
+    {
+        // top view is the default
+        ar.root.rotation.set(-Math.PI / 2, 0, 0);
+    }
+
     referenceImage(ar)
     {
         if(ar.frame === null)
@@ -165,7 +165,7 @@ class DemoScene extends ARScene
         // Change the point of view. All virtual objects are descendants of
         // ar.root, a node that is automatically aligned to the physical scene.
         // Adjusting ar.root will adjust all virtual objects.
-        this._utils.switchToFrontView(ar.root);
+        this._utils.switchToFrontView(ar);
         ar.root.position.set(0, -0.5, 0);
         ar.root.scale.set(0.7, 0.7, 0.7);
 
@@ -179,9 +179,9 @@ class DemoScene extends ARScene
 
         // create the magic circle
         const magicCircle = this._utils.createImagePlane('../assets/magic-circle.png');
+        magicCircle.material.color = new THREE.Color(0xbeefff);
         magicCircle.material.transparent = true;
         magicCircle.material.opacity = 0.85;
-        magicCircle.material.color = new THREE.Color(0xbeefff);
         magicCircle.scale.set(6, 6, 1);
         ar.root.add(magicCircle);
 
@@ -191,7 +191,7 @@ class DemoScene extends ARScene
         ar.root.add(mage);
 
         // prepare the animation of the mage
-        const animationAction = this._utils.createAnimationAction(gltf, 'Idle');
+        const animationAction = this._utils.createAnimationAction(gltf);
         animationAction.loop = THREE.LoopRepeat;
         animationAction.play();
 
@@ -221,16 +221,6 @@ class DemoScene extends ARScene
         const magicCircle = this._objects.magicCircle;
         magicCircle.rotateZ(TWO_PI * ROTATIONS_PER_SECOND * delta);
     }
-
-    /**
-     * Release the augmented scene
-     * @param {ARPluginSystem} ar
-     * @returns {void}
-     */
-    release(ar)
-    {
-        // nothing to do
-    }
 }