DemiSel
/
encantar-js
Bevaka 1
Stjärnmärk 0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
240 Incheckningar
2 Grenar
Träd: 2f574823de
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '2f574823de'
${ noResults }
encantar-js/demos/hello-three
alemart 0c1fcf706a Update pages 10 månader sedan
..
NOTICE.html Update docs 10 månader sedan
README.html Update pages 10 månader sedan
demo.css Change of colors 10 månader sedan
demo.js Add comment 10 månader sedan
index.html Add draggable=false 10 månader sedan
qr-code.gif Update the website 1 år sedan
video.html Add draggable=false 10 månader sedan

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>