encantar-js

Histórico

alemart 8f697ec431 Add stats		10 meses atrás
..
NOTICE.html	Add babylon.js demo	11 meses atrás
README.html	Add stats	10 meses atrás
demo.css	Update CSS	10 meses atrás
demo.js	Add babylon.js demo	11 meses atrás
index.html	Add draggable=false to the scan gimmick	10 meses atrás
qr-code.gif	Add babylon.js demo	11 meses atrás
video.html	Add draggable=false to the scan gimmick	10 meses atrás

<!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: 5em;
            border-radius: 4px;
        }

        @media screen and (min-width: 768px) {
            a img {
                height: 3em;
            }
        }
        </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=%23encantar-js" 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=encantar-js" 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>

README.html