Update demo

demos/hello-three/demo.js

 
         return null;
     }
+
+    referenceImageName(ar)
+    {
+        const referenceImage = this.referenceImage(ar);
+
+        if(referenceImage === null)
+            return null;
+
+        return referenceImage.name;
+    }
 }
 
 
 
         // add light
         const ambientLight = new THREE.AmbientLight(0xffffff);
-        ambientLight.intensity = 1.4;
+        ambientLight.intensity = 1.5;
         ar.scene.add(ambientLight);
 
         // create the magic circle

demos/hello-three/index.html

                 <a id="about" href="NOTICE.html"></a>
             </div>
         </div>
-        <img id="my-reference-image" src="../assets/my-reference-image.webp" hidden>
+        <img id="my-reference-image" src="../assets/mage.webp" hidden>
     </body>
 </html>

demos/hello-three/video.html

                 <a id="about" href="NOTICE.html"></a>
             </div>
         </div>
-        <img id="my-reference-image" src="../assets/my-reference-image.webp" hidden>
+        <img id="my-reference-image" src="../assets/mage.webp" hidden>
         <video id="my-video" hidden muted loop playsinline autoplay>
             <source src="../assets/my-video.webm" type="video/webm" />
             <source src="../assets/my-video.mp4" type="video/mp4" />