DemiSel
/
encantar-js


			
				
					
						
						
							12345678910111213141516171819202122232425262728
							<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <title>MARTINS.js WebAR demo with three.js and touch interaction</title>
        <link href="demo.css" rel="stylesheet">
        <script src="../../dist/martins.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/three@0.147.0/build/three.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/three@0.147.0/examples/js/loaders/FontLoader.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/three@0.147.0/examples/js/geometries/TextGeometry.js"></script>
        <script src="../assets/three-with-martins.js"></script>
        <script src="demo.js"></script>
    </head>
    <body>
        <div id="ar-viewport">
            <div id="ar-hud" hidden>
                <img id="scan" src="../assets/scan.png">
                <a id="about" href="NOTICE.html"></a>
            </div>
        </div>
        <img id="my-reference-image" src="../assets/my-reference-image.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>