Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
alemart d36a2ebb15 Change parameters of the scenes due to changes in the calculations of the Image Tracker. Add initialization flags. 9 місяці тому
..
NOTICE.html Update docs 11 місяці тому
README.html Update pages 11 місяці тому
demo.css Change of colors 11 місяці тому
demo.js Change parameters of the scenes due to changes in the calculations of the Image Tracker. Add initialization flags. 9 місяці тому
index.html Add draggable=false 11 місяці тому
qr-code.gif Update the website 1 рік тому
video.html Add draggable=false 11 місяці тому

README.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>encantar.js WebAR demo with three.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 three.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-three/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>