Location-Based usable yet ? #412
Replies: 5 comments 21 replies
-
|
this is what Im trying today . Is there a way to make the text scale according to distance ? <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>GeoAR.js demo</title>
<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>
<a-scene
vr-mode-ui="enabled: false"
arjs="sourceType: webcam; videoTexture: true; debugUIEnabled: false;"
>
<a-text
value="HOA"
look-at="[gps-camera]"
scale="100 100 100"
gps-entity-place="latitude: 00.49792262177317; longitude: 00.429618712294344;"
></a-text>
<a-text
value="Hospital"
look-at="[gps-camera]"
scale="100 100 100"
gps-entity-place="latitude: 00.496978793988816;longitude: 00.428899880305176;"
></a-text>
<a-text
value="Cafe"
look-at="[gps-camera]"
scale="100 100 100" ,
gps-entity-place="latitude: 00.497680951543465; longitude: 00.428921337981912;"
></a-text>
<a-image
src="assets/1.jpeg"
look-at="[gps-camera]"
scale="2 2 2" ,
gps-entity-place="latitude: 00.497528479682366; longitude: 00.427194167474749;"
></a-image>
<a-camera gps-camera rotation-reader> </a-camera>
</a-scene>
</body>
</html> |
Beta Was this translation helpful? Give feedback.
-
|
As I said in the other issue, try out the three.js location-based example from latest Note it will only work on Android/Chrome, due to the lack of iOS devices for testing. We are proposing to replace the A-Frame components with new ones (see #406) which have simpler code and thus should be easier to debug. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks a lot @nickw1, I will do that and report back. |
Beta Was this translation helpful? Give feedback.
-
|
@CarloCattano you are welcome! We would improve this part as possible if you can test new features, will boost the development. |
Beta Was this translation helpful? Give feedback.
-
|
Will do that ASAP and ask for feedback on Apple devices around |
Beta Was this translation helpful? Give feedback.
-
|
dev branch seems to be up to date with master "This branch is up to date with master." |
Beta Was this translation helpful? Give feedback.
-
|
the new-location based example yields blank screen on Android mobile (Chrome latest) , seems to open the camera on PC but when testing on android I get a blank screen (white) , GPS is logged properly . Just removed the location simulation , and only one warning is present on PC Must find a good way to debug mobile console somehow |
Beta Was this translation helpful? Give feedback.
-
|
Did you try the pure three.js example? (no A-Frame) https://github.com/AR-js-org/AR.js/tree/master/three.js/examples/location-based PR #406 (which needs tweaking to reflect recent changes in dev) wraps the three.js location based API so would be good to see if the pure three version is working for you first. You can use Chrome Developer Tools to debug on mobile, e.g. see https://developer.chrome.com/docs/devtools/remote-debugging/ |
Beta Was this translation helpful? Give feedback.
-
|
Im trying it now , it seems to work . Even tho I cant understand how to make the scaling more "realistic". |
Beta Was this translation helpful? Give feedback.
-
|
Great! If the scaling is not realistic it's probably to do with the camera parameters (field of view, etc) not exactly matching those of your device. Try replacing the vertical field of view in the example with the actual value for your device, if you know it. Note it's a vertical, not horizontal field of view, you can get the vertical field of view by dividing the horizontal fov by the aspect ratio. |
Beta Was this translation helpful? Give feedback.
-
|
@CarloCattano I've fixed some bugs with the new A-Frame location based example (#406) so feel free to try that again. There is also a live example on the web at |
Beta Was this translation helpful? Give feedback.
-
|
@phatpixels which specific version are you using? Are you using A-Frame or three.js? Are you using the |
Beta Was this translation helpful? Give feedback.
-
|
@nickw1 Hi, Firstly i tried the basics of the location based example here at https://ar-js-org.github.io/AR.js-Docs/ it worked fine on the spot spawning based on current camera location, Ignoring the specific GPS location i had inserted. I then found this https://github.com/AR-js-org/AR.js/tree/master/aframe/examples/new-location-based it worked fine out of the box spawning from current camera location, then i tried adding the monument GPS location details and nothing appeared. The basic first basic example here worked similarly on both android and ipad although ignoring the specified gps details appearing only from current camera location. I love where webar is going, the library is so great! So many wonderful use cases for location AR. I was hoping to start promoting the town with webAR, starting with a simple monument example that works equally well across both apple and android devices. I'll continue testing, there seems to be various configurations on git. Reading the comments here i'm a little confused as to which direction to go for my needs. But i will persist. |
Beta Was this translation helpful? Give feedback.
-
|
@phatpixels ok, that's the latest version so should work fine. Do you have your code? Wondering if it's anything to do with your monument model and/or the text being too small. (Apologies if this sounds too obvious a problem but it's best to check this first). |
Beta Was this translation helpful? Give feedback.
-
|
@nickw1 thanks i agree it pays to check all aspects. I need to spend more time testing this weekend, im using exactly this code unchanged except for the GPS location, testing with the 4 coloured boxes (n,s,e,w) https://github.com/AR-js-org/AR.js/tree/master/aframe/examples/new-location-based |
Beta Was this translation helpful? Give feedback.
-
|
Ah, it could be an issue with Apple devices, the new API is known not to work properly on Apple at the moment. You could try the old Sorry about that, though I think one of the developers (@kalwalt) is trying to obtain an Apple device which will obviously help. This is why we would welcome developers who own Apple devices and who can help with testing! |
Beta Was this translation helpful? Give feedback.
-
|
I have a rough prototype of our Running Reality historical map augmented reality system up using the newly revised AR.js location-based system. It definitely took some work to get it converted over, but it seems to be mostly working. I've been testing on an iOS device and can get the orientation sensor to activate mostly reliably. You can activate the augmented reality view by pushing the "LIVE" button anywhere on our map if you are on a mobile device and at zoom level 16 or deeper, such as here: RR First Battle of Manassas |
Beta Was this translation helpful? Give feedback.
-
Hello there . Im having a lot of trouble getting purely location based experiences to work .
This library seems awesome and would love to create a project around it . However , when trying any of the given examples in the repo , AR js Studio etc . The content seems either to stick to the camera (as mentioned in some issues ) , or scaling not working at all : Content looks the same size no matter the distance to the location (three js )
I would love to have an easy way to implement a kind of tour experience where info (images + audio ) spawn according to the location of the users using mobile phones, but as it is now , this doesnt seem doable.
Im reading the issues , tutorials , and testing all posible examples and the results are always similar .
Is there something Im overlooking here ?
Im aware that gps precision is not the best but I can do with around 10m error without problem , but as I said as of now , its very time consuming to develop and Im not getting anywhere.
I kindly appreciate any help on the matter .
I've tried also the suggested gps coords page to double check the coords , console logged them with alerts , updated on every gps update etc and still no luck
Beta Was this translation helpful? Give feedback.
All reactions