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

How to detect when a marker is found in AR.js

I'm trying to detect when a marker if found/lost in ar.js, while using a-frame. From what I see in the source code, when the marker is found, a 'getMarker' event should be fired, moreover artoolkit seems to dispatch a markerFound event. I tried to…
Piotr Adam Milewski
  • 14,150
  • 3
  • 21
  • 42
3
votes
0 answers

Problems with markers in an AR.js panorama

I'm building an AR panorama with AR.js and would like to have markers floating above landmarks. I tried a sample provided in AR.js git but it’s always the same bug, the marker is not synchronized with the object/landmark when I’m moving the camera,…
Damien Debin
  • 2,812
  • 25
  • 41
3
votes
2 answers

AR.js to show png hanging on the wall

I have an e-commerce website where I sell illustrations from different independent artists. I have an idea where the user turns on the camera and see how a poster (png file) looks in their wall, using the web browser of their mobile. Is this…
MartinGian
  • 395
  • 5
  • 16
3
votes
0 answers

How to draw a path(or polyline, route) in augmented reality

I am trying to create a function that guides the way on the screen using AR.js. In the official reference documentation, there are instructions on how to show images in GPS coordinates, but I'm not sure how to draw shapes or lines between…
Dong Hyun LEE
  • 81
  • 1
  • 5
3
votes
1 answer

AR.js Multi-camera smartphones selecting the regular lens

In AR.JS demo, Android phones that have multiple rear cameras tend to use the wrong lens, such as a telescopic lens. For example, Huawei mate 20 pro uses the 3x lens. How do I select the right camera to use?
user13511530
  • 53
  • 6
3
votes
1 answer

How can I position an a-frame object to bottom left corner of the marker, and make its width equal to the marker's width?

I'm trying to create a basic scene an AR.JS with NFT (so it's not just the basic marker-based tracking; it tracks a custom image) using A-frame to place down and position my objects, but I've noticed that e.g.: if I place a 1*1*1 size box in the…
Miklós Szabadi
  • 35
  • 2
3
votes
1 answer

Touch on ar Object in Ar.js

I have a question concerning touch detection on ar objects. I use A-Frame with Ar.js In my Project, I have a globe which can be rotated. Now I wanna add country-specific "markers", which should also be objects. I tried:…
Lukas Metzger
  • 57
  • 9
3
votes
0 answers

How to get marker position in pixel of image AR.JS?

I want to integrate hand tracking to identify if a person clicked (like the mouse click event) on a marker or object. Maybe I just do not get the right way or workaround but I really want to get marker position in pixel. marker.position()
Victor Lam
  • 114
  • 7
3
votes
0 answers

How to override camera permission & error handling?

I am building a web app using ar.js. When I embed the aframe.js & aframe-ar.js, Browser ask camera permission automatically after page loaded. I would like to have a tutorial first for my site, How can I manage the permission gaining action…
chunlamjacky
  • 31
  • 2
3
votes
0 answers

In A-Frame Ar.Js When We Load A Video on A Pattern, I Want Some Progress Bar Buffering (Like Youtube Video Navigator Controls) Controls

Here's my code GLITCH . My code Works Fine . When I Show The HIRO Pattern The Video Plays When The Marker Is Not Visible It Pause . I Have 3 Queries : When I Augment then a black screen occurs on the pattern for few seconds. After Few seconds the…
Aryan
  • 83
  • 1
  • 13
3
votes
1 answer

I Want To Load Entity To Animate

I am using AFrame 0.8.2 . I Want to load an animated model using like FBX Format. I tried all formats but its not working . I Imported JSON model with animation ,It Worked But its Hard to get JSON Model. So I want to Load FBX Model . Here My Cod…
Aryan
  • 83
  • 1
  • 13
3
votes
0 answers

Is there any way to make the background of a 3D-model transparent in a-scene in ionic?

My problem is to how make the white background of a-frame transparent that we just can see whatever we see from the iPhone camera plus the 3D-model. I have been trying to make AR (Augmented Reality) working in Ionic iOS version. I realised that…
Sia
  • 63
  • 1
  • 9
3
votes
0 answers

Why I can use AR,js in static html but not work in vue app

I try to import AR.js with CDN in the web app build by vue CLI but not working(Can open camera but can't show AR item) And I try to put code in static html and it can work, so I think the code is right(copy from AR.js getting start) CDN I use, I…
TL.robin
  • 31
  • 2
3
votes
1 answer

How to insert object without using any marker in ar.js

Is it possible to add object on the floor(or any surface) without using marker in ar.js? I wonder if there is a tool to detect the floor and then I can trigger an object to it! So far it is possible using a marker image like this:
Amin Memariani
  • 830
  • 3
  • 17
  • 39
3
votes
1 answer

How to disable fps display in ar js/ three.js?

I am new to AR.js and working on a demo as shown in the tutorial. I am trying to remove this fps view on top left corner. Reference Image: My Code is: ////////////////////////////////////////////////////////////////////////////////// // …
Anand Vaidya
  • 609
  • 2
  • 16
  • 41
1
2
3
…
21 22