DemiSel
/
encantar-js


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031
							<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1, maximum-scale=1">
        <title>Magic AR Basketball Game - encantar.js WebAR demo</title>
        <link href="../assets/demo.css" rel="stylesheet">
        <script src="../../dist/encantar.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/babylonjs@7.38.0/babylon.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/babylonjs-loaders@7.38.0/babylonjs.loaders.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/babylonjs-gui@7.38.0/babylon.gui.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/cannon@0.6.2/build/cannon.min.js"></script>
        <script src="../../dist/plugins/babylon-with-encantar.min.js"></script>
        <script src="../../dist/addons/asset-manager.min.js"></script>
        <script type="module" src="./src/main.js"></script>
    </head>
    <body>
        <div id="ar-viewport">
            <div id="ar-hud" hidden>
                <a id="info" href="NOTICE.html" draggable="false"></a>
                <a id="like" href="https://encantar.dev/support-my-work" draggable="false"></a>
                <img id="scan" src="../assets/scan.png" draggable="false">
            </div>
        </div>
        <img id="mage" 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" />
        </video>
    </body>
</html>