DemiSel
/
encantar-js
Beobachten 1
Favorisieren 0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
240 Commits
2 Branches
Struktur: 2f574823de
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „2f574823de“
${ noResults }
encantar-js/demos/hello-three
alemart 0c1fcf706a Update pages vor 10 Monaten
..
NOTICE.html Update docs vor 10 Monaten
README.html Update pages vor 10 Monaten
demo.css Change of colors vor 10 Monaten
demo.js Add comment vor 10 Monaten
index.html Add draggable=false vor 10 Monaten
qr-code.gif Update the website vor 1 Jahr
video.html Add draggable=false vor 10 Monaten

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>