AR-js-org / studio

An authoring platform to build Web Augmented Reality experiences, without coding knowledge
https://ar-js-org.github.io/studio/
MIT License
264 stars 69 forks source link

Still up to date? #124

Open targyll opened 7 months ago

targyll commented 7 months ago

Hello! Thank you for your work! This web app is a perfect solution for people like me who are no coders.

I need to insert a location based AR picture for a project with my students at the end of this week. I tried to generate the code yesterday and uploaded it to github. When I follow the provided link, the camera is activated on my phone but the AR picture is not displayed at all (I can just see it appearing for a short while as the window is loading, so I know it is well uploaded and linked in the html file).

If I try to use the generated index.html instead, it does not work at all.

I also tried to embed the code on a webpage (I use Google Sites): there is a frame with the VR sign at the bottom right corner, but the phone does not display the camera image. Well, this doesn't matter much because I can add a button with a link to the github hosted page... But it still doesn't show the AR image.

Long story short, I just wanted to know if AR.JS Studio still works or if the browsers in 2024 have evolved and cannot read the generated files or js code.

Here is my code:

<html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=uKTw3r2zFO2foll7qiCnzXQS-Fvx3X7gRz2Eo7ivqQ5Bx8afRDOjfQdj535A6KMSRxMefVivoZRIadjAIMk11Q" charset="UTF-8"></script><script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
        <script src="https://unpkg.com/aframe-look-at-component@0.8.0/dist/aframe-look-at-component.min.js"></script>
        <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>
    </head>

    <body style="margin: 0; overflow: hidden;">
        <a-scene
            embedded
            loading-screen="enabled: false;"
            arjs="sourceType: webcam; debugUIEnabled: false;"
        >
                <a-image
                    src="[assets/asset.png](https://targyll.github.io/ghgj0c7dm/assets/asset.png)"
                    look-at="[gps-camera]"
                    scale="1 1 1"
                    gps-entity-place="latitude: 50.470275839868194; longitude: 4.827891366908714;"
                ></a-image>

            <a-camera gps-camera rotation-reader></a-camera>
        </a-scene>
    </body>
</html>

Thanks for your help!

targyll commented 7 months ago

I found some doc that seems to confirm that the app is still up to date, and I read the readme and ar.js doc. But I still can't figure out why the image does not show on my camera... I tried several things, checked and tried other coordinates, changed the scale, the asset, used different browers/phones, etc. I don't see what I'm missing.

kalwalt commented 7 months ago

Hi @targyll welcome to AR.js! I am one of the AR.js's mantainers but i didn't partecipate to the studioproject so i can not help so much with your issue. But maybe our location based guru @nickw1 may help you in some way, if he have time of course...