Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Still up to date? #124

Open
targyll opened this issue Mar 19, 2024 · 2 comments
Open

Still up to date? #124

targyll opened this issue Mar 19, 2024 · 2 comments

Comments

@targyll
Copy link

targyll commented Mar 19, 2024

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/[email protected]/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
Copy link
Author

targyll commented Mar 20, 2024 •
edited

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
Copy link
Member

kalwalt commented Mar 20, 2024

Hi @targyll welcome to AR.js! I am one of the AR.js's mantainers but i didn't partecipate to the studio project 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...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@kalwalt @targyll