You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
alemart 0c1fcf706a Update pages пре 10 месеци
..
NOTICE.html Update docs пре 10 месеци
README.html Update pages пре 10 месеци
demo.css Change of colors пре 10 месеци
demo.js Add babylon.js demo пре 11 месеци
index.html Add draggable=false пре 10 месеци
qr-code.gif Add babylon.js demo пре 11 месеци
video.html Add draggable=false пре 10 месеци

README.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>encantar.js WebAR demo with babylon.js</title>
<script data-goatcounter="https://encantar-js.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
<style>
body {
font-family: sans-serif;
background-color: whitesmoke;
}

a:any-link {
color: #7e56c2;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

li + li {
margin-top: 1em;
}

ul {
list-style-type: none;
padding-left: 1em;
}

img.qr-code {
display: block;
width: 256px;
image-rendering: pixelated;
border: 1px dashed black;
}

a img {
height: 80px;
border-radius: 4px;
}
</style>
</head>
<body>
<h1>encantar.js with babylon.js</h1>
<p>Scan the QR code to launch the web-based Augmented Reality experience. Next, scan <a href="../assets/mage.webp" target="_blank">this cartoon</a> or <a href="../assets/cat.webp" target="_blank">this picture</a>.</p>

<h2>Menu</h2>
<ul>
<li><a href="index.html">Launch the WebAR experience</a></li>
<li><a href="video.html">Test with a pre-recorded video</a></li>
<li><a href="https://github.com/alemart/encantar-js/blob/master/demos/hello-babylon/demo.js" rel="external" target="_blank">Study the source code</a></li>
<li><a href="NOTICE.html">See the attribution notices</a></li>
<li><a href="../">Try other WebAR demos</a></li>
</ul>

<h2>QR code</h2>
<img src="qr-code.gif" alt="QR code" class="qr-code">

<h2>Share</h2>
<p>This experience is powered by <a href="https://alemart.github.io/encantar-js" target="_blank">encantar.js: GPU-accelerated Augmented Reality for the web</a>.</p>
<div>
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Falemart.github.io/encantar-js&quote=%23encantarjs" target="_blank" rel="external" class="button"><img src="../assets/facebook.png" alt="Share on Facebook"></a>
<a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Falemart.github.io/encantar-js&hashtags=encantarjs" target="_blank" rel="external" class="button"><img src="../assets/twitter.png" alt="Share on X"></a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Falemart.github.io/encantar-js" target="_blank" rel="external" class="button"><img src="../assets/linkedin.png" alt="Share on LinkedIn"></a>
<a href="https://wa.me/?text=https%3A%2F%2Falemart.github.io/encantar-js" target="_blank" rel="external" class="button"><img src="../assets/whatsapp.png" alt="Share via WhatsApp"></a>
<a href="https://t.me/share/url?url=https%3A%2F%2Falemart.github.io/encantar-js" target="_blank" rel="external" class="button"><img src="../assets/telegram.png" alt="Share via Telegram"></a>
<a href="https://github.com/sponsors/alemart" target="_blank" rel="external"><img alt="GitHub Sponsors" src="https://img.shields.io/github/sponsors/alemart?style=for-the-badge&logo=github&label=Sponsor&labelColor=%237e56c2&color=%23ffd500"></a>
</div>
</body>
</html>