encantar-js

文件歷史
alemart 8f697ec431 Add stats		10 月之前
..
NOTICE.html	Add babylon.js demo	11 月之前
README.html	Add stats	10 月之前
demo.css	Update CSS	10 月之前
demo.js	Add babylon.js demo	11 月之前
index.html	Add draggable=false to the scan gimmick	10 月之前
qr-code.gif	Add babylon.js demo	11 月之前
video.html	Add draggable=false to the scan gimmick	10 月之前
<!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
