DemiSel
/
encantar-js
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Add draggable=false to the scan gimmick

customisations
alemart 10 months ago
parent
9420a2eb88
commit
fd97311908
10 changed files with 10 additions and 9 deletions
Split View Show Diff Stats
  1. 1
    1
      demos/hello-babylon/index.html
  2. 1
    1
      demos/hello-babylon/video.html
  3. 1
    1
      demos/hello-three/index.html
  4. 1
    1
      demos/hello-three/video.html
  5. 1
    1
      demos/hello-webgl/index.html
  6. 1
    1
      demos/hello-webgl/video.html
  7. 1
    1
      demos/hello-world/index.html
  8. 1
    1
      demos/hello-world/video.html
  9. 1
    1
      docs/getting-started/activate-your-webcam.md
  10. 1
    0
      plugins/extras/aframe-scan-gimmick-for-encantar.js

+ 1
- 1
demos/hello-babylon/index.html View File 

@@ -14,7 +14,7 @@
14 14 
     <body>
15 15 
         <div id="ar-viewport">
16 16 
             <div id="ar-hud" hidden>
17 
-                <img id="scan" src="../assets/scan.png">
17 
+                <img id="scan" src="../assets/scan.png" draggable="false">
18 18 
                 <a id="about" href="NOTICE.html"></a>
19 19 
             </div>
20 20 
         </div>

+ 1
- 1
demos/hello-babylon/video.html View File 

@@ -14,7 +14,7 @@
14 14 
     <body>
15 15 
         <div id="ar-viewport">
16 16 
             <div id="ar-hud" hidden>
17 
-                <img id="scan" src="../assets/scan.png">
17 
+                <img id="scan" src="../assets/scan.png" draggable="false">
18 18 
                 <a id="about" href="NOTICE.html"></a>
19 19 
             </div>
20 20 
         </div>

+ 1
- 1
demos/hello-three/index.html View File 

@@ -14,7 +14,7 @@
14 14 
     <body>
15 15 
         <div id="ar-viewport">
16 16 
             <div id="ar-hud" hidden>
17 
-                <img id="scan" src="../assets/scan.png">
17 
+                <img id="scan" src="../assets/scan.png" draggable="false">
18 18 
                 <a id="about" href="NOTICE.html"></a>
19 19 
             </div>
20 20 
         </div>

+ 1
- 1
demos/hello-three/video.html View File 

@@ -14,7 +14,7 @@
14 14 
     <body>
15 15 
         <div id="ar-viewport">
16 16 
             <div id="ar-hud" hidden>
17 
-                <img id="scan" src="../assets/scan.png">
17 
+                <img id="scan" src="../assets/scan.png" draggable="false">
18 18 
                 <a id="about" href="NOTICE.html"></a>
19 19 
             </div>
20 20 
         </div>

+ 1
- 1
demos/hello-webgl/index.html View File 

@@ -11,7 +11,7 @@
11 11 
     <body>
12 12 
         <div id="ar-viewport">
13 13 
             <div id="ar-hud" hidden>
14 
-                <img id="scan" src="../assets/scan.png">
14 
+                <img id="scan" src="../assets/scan.png" draggable="false">
15 15 
                 <a id="about" href="NOTICE.html"></a>
16 16 
             </div>
17 17 
         </div>

+ 1
- 1
demos/hello-webgl/video.html View File 

@@ -11,7 +11,7 @@
11 11 
     <body>
12 12 
         <div id="ar-viewport">
13 13 
             <div id="ar-hud" hidden>
14 
-                <img id="scan" src="../assets/scan.png">
14 
+                <img id="scan" src="../assets/scan.png" draggable="false">
15 15 
                 <a id="about" href="NOTICE.html"></a>
16 16 
             </div>
17 17 
         </div>

+ 1
- 1
demos/hello-world/index.html View File 

@@ -11,7 +11,7 @@
11 11 
     <body>
12 12 
         <div id="ar-viewport">
13 13 
             <div id="ar-hud" hidden>
14 
-                <img id="scan" src="../assets/scan.png">
14 
+                <img id="scan" src="../assets/scan.png" draggable="false">
15 15 
                 <a id="about" href="NOTICE.html"></a>
16 16 
             </div>
17 17 
         </div>

+ 1
- 1
demos/hello-world/video.html View File 

@@ -11,7 +11,7 @@
11 11 
     <body>
12 12 
         <div id="ar-viewport">
13 13 
             <div id="ar-hud" hidden>
14 
-                <img id="scan" src="../assets/scan.png">
14 
+                <img id="scan" src="../assets/scan.png" draggable="false">
15 15 
                 <a id="about" href="NOTICE.html"></a>
16 16 
             </div>
17 17 
         </div>

+ 1
- 1
docs/getting-started/activate-your-webcam.md View File 

@@ -137,7 +137,7 @@ In order to display that scan gimmick, we need to create a HUD (<em>Heads-Up Dis
137 137 
     <body>
138 138 
         <div id="ar-viewport">
139 139 
             <div id="ar-hud" hidden>
140 
-                <img id="scan" src="scan.png">
140 
+                <img id="scan" src="scan.png" draggable="false">
141 141 
             </div>
142 142 
         </div>
143 143 
         <img id="my-reference-image" src="my-reference-image.webp" hidden>

+ 1
- 0
plugins/extras/aframe-scan-gimmick-for-encantar.js View File 

@@ -115,6 +115,7 @@ AFRAME.registerComponent('ar-scan-gimmick', {
115 115 
         const img = document.createElement('img');
116 116
117 117 
         img.src = this.data.src;
118 
+        img.draggable = false;
118 119 
         img.style.width = '100%';
119 120 
         img.style.height = '100%';
120 121 
         img.style.objectFit = 'contain';

Write Preview
Loading…
Cancel
Save