Questions tagged [ar.js]

AR.js is an open source framework for three.js, and a-frame, enabling the creation of augmented reality apps / websites.

AR.js is an open-source lightweight Augmented Reality framework, coming with features like Image Tracking, Marker Tracking and Location based AR, and enabling the creation of apps and websites. It works great with its satellites three.js and aframe.io.

For anything related to AR.js - Efficient Augmented Reality for the Web.

321 questions
0
votes
1 answer

arjs - aframe | Working Devices & Webcams

I am using the simple arjs example to my angular project but i cannot get any results using the hiro marker. This is the code:
Iraklis Bekiaris
  • 1,163
  • 15
  • 43
0
votes
1 answer

AR.js library in Angular, perfomance problem

What's the problem? I used the AR.js library to create an augmented website solution. My goal is to create a progressive web app to use on every devices like phone, tablet or laptop. My solution is an Angular project and I included aframe’s library…
0
votes
1 answer

When using AR.js on mobile the camera zooms too much

This is the code I'm using. When I try to load this file from my mobile, the camera zooms too much. It is like when I tried to show an image on laptop screen, the camera zooms too much so that I cannot properly show the correct image so that the…
0
votes
1 answer

glb file not working in ar js version 1.0.4

despite many attemprs, i cant find issue with this. Help would be appreciated!
0
votes
1 answer

Augmented Reality API for Web Applications

I am looking into how to incorporate Augmented Reality in a Responsive Web App. I am used to working with Google APIs, as I am using Maps, Graph etcetera. So I stumbled upon Arcore AR/ VR API. It is clear that this one is suited for Native…
Niels Vanwingh
  • 604
  • 1
  • 6
  • 22
0
votes
0 answers

How to reference NFT image descriptors correctly in github pages repository?

I'm trying to import the AR.js NFT example into my own repository hosted with Github Pages. I've generated image descriptors for a new image and imported into a folder named public/assets/. When the website loads, it shows the camera image, and the…
0
votes
1 answer

Ar.js problems with recognizing marker outdoors - contrast/brightness

My 3d model AR is working perfectly indoors, but in direct sunlight outside it can not find the marker, which is a custom barcode number 5 (see image below). Is there a way to make the camera (which is accessed through google chrome on Android)…
0
votes
0 answers

Aframe AR.js dynamic data

I am trying to add some dynamic data to my scene. I've read that I need to do this using Register Component, so I tried it but I'm not having any luck. I want to create some variables I can use in my scene.
Ivan Off
  • 25
  • 3
0
votes
1 answer

Ar-js and a-frame look-controls . The object is placed with angle if adding look controls to a-entity

I'm using Ar-js based on marker (Hiro marker). Here is working example: https://codepen.io/taime/pen/QWjExPe
yestema
  • 6,932
  • 4
  • 23
  • 29
0
votes
2 answers

Image Tracking and Location-Based AR with A-Frame and AR.js 3 having a problem with descriptors

I'm really new to A-Frame and Ar.js, literally found out about this and started working on this today. It's for a project I'm doing and I'm using this tutorial https://aframe.io/blog/arjs3/#creating-image-descriptors I followed the instructions and…
DeVon
  • 1
  • 1
  • 1
0
votes
2 answers

How to get marker position (x,y) AR.js

How can i get the marker position in ARjs ? Example: when the marker found, i wanna know what is his position(X,Y) at screen. I tried to use getBoundingClientRect() but it does not work with Markers My issue: I have 4 markers and they have a…
thyago garcia
  • 43
  • 1
  • 7
0
votes
2 answers

Ar.js image tracking NFT - Error in loading marker on Worker 403

I'm trying the Image Tracking example as explained here - https://github.com/AR-js-org/AR.js#get-started I've replaced the image and video with my own and added the whole project in an Amazon S3 bucket. When I run the html page, I get an error in…
0
votes
1 answer

Event listeners in ar.js

I am developing a project which involves ar.js that is displaying 3d objects and text to teach children the alphabet on both mobile devices and laptops. I was trying to add an event listener as an extra to make the children interact more. My target…