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

Basketball game: change the poster

customisations
alemart 3 months ago
parent
075305e921
commit
82e491abda
5 changed files with 5 additions and 6 deletions
Unified View Show Diff Stats
  1. BIN
      demos/basketball/assets/poster.webp
  2. 1
    1
      demos/basketball/index.html
  3. 1
    2
      demos/basketball/poster.html
  4. 2
    2
      demos/basketball/src/core/game.js
  5. 1
    1
      demos/basketball/video.html

BIN
demos/basketball/assets/poster.webp View File


+ 1
- 1
demos/basketball/index.html View File

22 
                 <img id="scan" src="../assets/scan.png" draggable="false">
 22 
                 <img id="scan" src="../assets/scan.png" draggable="false">
23 
             </div>
 23 
             </div>
24 
         </div>
 24 
         </div>
25 
-        <img id="mage" src="../assets/mage.webp" hidden>
25 
+        <img id="poster" src="assets/poster.webp" hidden>
26 
     </body>
 26 
     </body>
27 
 </html>
 27 
 </html>

+ 1
- 2
demos/basketball/poster.html View File

7 
         <meta name="viewport" content="width=device-width,initial-scale=1">
 7 
         <meta name="viewport" content="width=device-width,initial-scale=1">
8 
         <title>Magic AR Basketball Game - encantar.js WebAR demo</title>
 8 
         <title>Magic AR Basketball Game - encantar.js WebAR demo</title>
9 
         <link href="../assets/poster.css" rel="stylesheet">
 9 
         <link href="../assets/poster.css" rel="stylesheet">
10 
-        <style>body { background-color: #5a3636 !important; }</style>
11 
         <script data-goatcounter="https://encantar-js.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
 10 
         <script data-goatcounter="https://encantar-js.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
12 
         <script src="../assets/poster.js"></script>
 11 
         <script src="../assets/poster.js"></script>
13 
     </head>
 12 
     </head>
14 
-    <body data-ar-images="mage.webp">
13 
+    <body data-ar-images="../basketball/assets/poster.webp">
15 
         <nav>
 14 
         <nav>
16 
             <a id="get" href="https://encantar.dev">Get encantar.js</a>
 15 
             <a id="get" href="https://encantar.dev">Get encantar.js</a>
17 
             <a id="film" href="video.html"><i></i></a>
 16 
             <a id="film" href="video.html"><i></i></a>

+ 2
- 2
demos/basketball/src/core/game.js View File

58 
         const imageTracker = AR.Tracker.Image({ resolution: 'md' });
 58 
         const imageTracker = AR.Tracker.Image({ resolution: 'md' });
59 
         await imageTracker.database.add([
 59 
         await imageTracker.database.add([
60 
         {
 60 
         {
61 
-            name: 'mage',
62 
-            image: document.getElementById('mage')
61 
+            name: 'poster',
62 
+            image: document.getElementById('poster')
63 
         }
 63 
         }
64 
         ]);
 64 
         ]);
65
65

+ 1
- 1
demos/basketball/video.html View File

22 
                 <img id="scan" src="../assets/scan.png" draggable="false">
 22 
                 <img id="scan" src="../assets/scan.png" draggable="false">
23 
             </div>
 23 
             </div>
24 
         </div>
 24 
         </div>
25 
-        <img id="mage" src="../assets/mage.webp" hidden>
25 
+        <img id="poster" src="../assets/mage.webp" hidden>
26 
         <video id="my-video" hidden muted loop playsinline autoplay>
 26 
         <video id="my-video" hidden muted loop playsinline autoplay>
27 
             <source src="../assets/my-video.webm" type="video/webm" />
 27 
             <source src="../assets/my-video.webm" type="video/webm" />
28 
             <source src="../assets/my-video.mp4" type="video/mp4" />
 28 
             <source src="../assets/my-video.mp4" type="video/mp4" />

Write Preview
Loading…
Cancel
Save