Stack Overflow
Stack Overflow

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
2 answers

AR.js 3 Image Tracking not finding custom image

I'm trying to use Image Tracking with my own image. When I run the app I see that the NFT is loaded (console: [info] Loading of NFT data complete.) but when scanning the image nothing happens.
Marko Budal
  • 1
  • 3
0
votes
1 answer

Play a video top of the tracked image in Ar.js

I am trying to play a video after the image has been tracked. But I couldn't do that. I can hear the sound of the video but can't get the video to the top of the image. The code is below.…
Ilthizam Imtiyas
  • 160
  • 1
  • 6
  • 17
0
votes
1 answer

ar.js clicking works on pc but not on mobile

I am building a small application with ar.js and everything seems to work on pc but once I try it on my phone I can't seem to be able to click anymore. Everything also ends up being stretched or squashed depending on the rotation of the phone. I…
RobinDeveloper
  • 90
  • 1
  • 8
0
votes
1 answer

GLTF not displaying using ar.js

I'm currently testing AR.js to display 3D models in augmented reality using phones. My web coding skills are very novice so I'm pulling together different tutorials to get what I want. I believe I've just about nailed what I need to properly display…
Lawrence Laxdal
  • 3
  • 2
0
votes
1 answer

Custom marker does not show anything

I created my custom marker using AR.js Marker Training online tool. It does not work. When I put the camera in front of it, it's not showing anything. https://glitch.com/edit/#!/root-parallelogram-ztuxw6ikci?path=index.html:17:48
Falak
  • 309
  • 1
  • 6
  • 12
0
votes
0 answers

Position of AR.js Marker when moved

Madhuri kulkarni
  • 95
  • 5
0
votes
2 answers

Redirecting user after marker identification in AR.JS

I want to redirect the user to a different page once the user has successfully identified the marker, is it possible to achieve this in AR.js
Rasheen Ruwisha
  • 135
  • 3
  • 10
0
votes
0 answers

A-frame not tracking custom image

I just started trying the A-frame with AR.js to hopefully get an object to render on a piece of paper. I have tested the object and it is correctly rendered. However, when I try it with a custom image, it no longer works... I am trying to show a…
Torben Van Assche
  • 393
  • 2
  • 17
0
votes
1 answer

Location-based AR.js example doesn't move the object

I'm using AR.js to create an AR scene. Everything works fine with Markers, but when I use Location-based AR, the object appears in one place and doesn't move when the device is rotated.
BishopZ
  • 6,269
  • 8
  • 45
  • 58
0
votes
1 answer

Any way to handle more than one multimarker area in AR.js / A-Frame?

I'm trying to set-up more than one multi-marker area in AR.js with A-Frame. The idea is to have 4 pattern markers laid out as a square frame for each content. The AR.js multimarker examples make use of the learner to put the pose matrix data in the…
gdcii
  • 1
  • 3
0
votes
1 answer

Change the color of an object (.dae or gltf) in "AR.JS"

I'm trying to change the color of an object I created in blender. I can change the color of objects like "a-box, a-sphere" in the html code itself, but with objects inside tree.js (gltf or .dae - collada) I cannot. CodePen (This is just a test…
Kurt Rodrigues
  • 3
  • 1
  • 3
0
votes
1 answer

glft not loading… only loading screen

Hi I'm new to Aframe and AR.js. I'm trying to load a glft (well tried a few) but when testing I just get a blue loading screen with the dots even though the model is small. I have validated the file and also tested in a glft viewer online and the…
Ells
  • 1
0
votes
1 answer

Animation in Aframe for positioning is not working

I'm trying to create a positioning animation for an image. i need a definite and non-repeating animation so, I've tried this code but, its not working.
STEVE W
  • 1
  • 4
0
votes
2 answers

Databinding with A-Frame

I'm building a WebAR with AR.js (A-Frame) and Angular. We have an array of data and want to present the data when the marker with a specific id is shown. Hence we need to set up an A-scene with a-marker and further we want to present an a-entity. …
Michael Von Bargen
  • 92
  • 1
  • 6
0
votes
1 answer

Animating a series of PNG images in a-frame / AR.JS

I am currently experimenting with A-Frame and AR.js for a project I'm working on. I was wondering if it's possible to animate a series of PNG files eg. img-1.png, img-2.png, and so on in a-frame without individually adding animation for each frame?…
dresdain
  • 164
  • 7
1 2 3
…
21 22