Merge pull request #113 from cynack/fix/webxr_unnecessary_arbutton

fix: WebXR起動時のARボタンを削除

CHANGELOG.md

@@ -24,6 +24,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 ### Added
 
 - 使い方を紹介しているヘルプページを追加
+- WebXR の起動をサポート
 
 ### Changed
 

src/figni-viewer-base.js

@@ -222,8 +222,7 @@ export default class FigniViewerBaseElement extends ModelViewerElement {
     this.loading = 'lazy'
     this.cameraControls = true
     this.ar = true
-    // ! 一時的にWebXRを起動しないようにします
-    this.arModes = 'scene-viewer quick-look'
+    this.arModes = 'webxr scene-viewer quick-look'
     this.arScale = 'fixed'
     this.arPlacement = 'floor'
     this.shadowIntensity = 1

src/figni-viewer.js

@@ -982,10 +982,15 @@ export default class FigniViewerElement extends HTMLElement {
       this.#arButton = document.createElement('span')
       this.#arButton.innerHTML = `${SVG_AR_BUTTON}<span>${this.ABTEST.AR_BUTTON_TEST}</span>`
       this.#arButton.classList.add('figni-viewer-ar-button')
-      this.#arButton.addEventListener('click', () => {
+      this.#figniViewerBase.addEventListener('load', () => {
         if (this.#figniViewerBase.canActivateAR) {
-          this.#figniViewerBase.activateARMode()
+          this.#arButton.setAttribute('slot', 'ar-button')
         } else {
+          this.#arButton.removeAttribute('slot')
+        }
+      })
+      this.#arButton.addEventListener('click', () => {
+        if (!this.#figniViewerBase.canActivateAR) {
           this.#showQRCodePanel()
         }
       })