@RajSriShanker mine is like this,
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.0/aframe/build/aframe-ar.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.0/aframe/build/aframe-ar.js"></script>
Also add this AFRAME.registerComponent('navigate-on-click', {
schema: {
url: {default: ''}
},
init: function () {
var data = this.data;
var el = this.el;
el.addEventListener('click', function () {
window.open(data.url, '_blank');
});
}
});
schema: {
url: {default: ''}
},
init: function () {
var data = this.data;
var el = this.el;
el.addEventListener('click', function () {
window.open(data.url, '_blank');
});
}
});
and call navigate-on-click="url:" on your entity or object
can anyone help me please? My box or text is seen on the floor and it comes with me if i walk. Moreover anyone from different location can see my box, although i placed it in one location only
And i'm working with Android not ios
hello ! in need of a little bit of help, tried many tutortials/exemples etc but can't find a way to do what i want : to make it short, use an nft marker to display an animated png sequence, tried both with aframe and three js but it doesn't worked, so if someone could help me, it would be very kind :)
@JokerzFree I would first try doing it with a generic Hiro marker, since those work really well. That will help you to narrow down issues other than image detection. Then you can switch to NFT and have only the NFT detection to troubleshoot.
I have one question.
Is there a page with a list of smartphones that support AR.js, and the operating systems that support them?
Is there a page with a list of smartphones that support AR.js, and the operating systems that support them?
In practice there can be some issues with certain features on iOS devices, like scanning a barcode to open a web URL. Usually the end user can adjust those settings on their device/browser though.
gps-camera='gpsMinDistance: 1; maxDistance: 25;' I am using maxDistance:25 to not display the a-image if it is placed +25 meter far from user's current location. However, i can see them if they are 100+ meters far from me. What i am making wrong? I need help please. I can see them very very small
Hi everyone. Maybe it's possible to use ANY rectangle/square shaped markers for tracking? I have a lot of objects of one shape and size (book sfor example) but with different images on cover, and I want use them as markers, but don't want to store a lot of different pictures for nft recognition.
Hi! I'm building my first location-based AR app and my markers aren't showing up. I'm adding a-image elements in JavaScript and setting the 'gps-entity-place' attribute in the process – but when I check the HTML in Developer Tools, the attribute is empty, and so are the other custom attributes (look-at and scale). (I added the A-Frame debug component to the a-scene element, so attribute values are visible in the DOM.) The code I'm using is modeled after the code in the examples:
let lat = data.location._latitude;
let lon = data.location._longitude;
let scene = document.querySelector('a-scene');
let img = document.createElement('a-image');
img.setAttribute('src', 'img/310757_coordinates_gps_locate_location_map_icon.png');
img.setAttribute('scale', '0.5 0.5 0.5');
img.setAttribute('look-at', '[gps-camera]');
img.setAttribute('gps-entity-place', `latitude: ${lat}; longitude: ${lon}`);
img.addEventListener('loaded', () => {
window.dispatchEvent(new CustomEvent('gps-entity-place-loaded'))
});
scene.appendChild(img);Any help would be much appreciated!
1 reply
Hi. The loading is very slow, is it normal ?
1 reply
Looks like my aframe gps is not working?
I'm having a problem with aframe gps as well. I've placed an a-box element at a gps-entity-place but no matter where I place it, the box always shows right in front of the camera and stays at the camera location even if I move. Any idea what could be causing this?
<!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.2.0/aframe.min.js" data-cfasync="false"></script>
<script src='https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js' data-cfasync="false"></script>
</head>
<body style='margin: 0; overflow: hidden;'>
<a-scene
vr-mode-ui="enabled: false"
embedded
arjs='sourceType: webcam; debugUIEnabled: false;'>
<a-box
material="color: red;"
scale="120 120 120"
gps-entity-place="latitude: [removed for privacy]; longitude: [removed for privacy];">
</a-box>
<a-camera gps-camera rotation-reader></a-camera>
</a-scene>
</body>
anyone can help us?
:(
