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 mesi fa | |
|---|---|---|
| .. | ||
| NOTICE.html | 10 mesi fa | |
| README.html | 10 mesi fa | |
| demo.css | 10 mesi fa | |
| demo.js | 1 anno fa | |
| index.html | 10 mesi fa | |
| qr-code.gif | 1 anno fa | |
| video.html | 10 mesi fa | |
README.html
README.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>encantar.js WebAR demo with WebGL</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 WebGL</h1>
<p>Scan the QR code to launch the web-based Augmented Reality experience. Next, scan <a href="../assets/my-reference-image.webp" target="_blank">this cartoon</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-webgl/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"e=%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>