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
1 answer

A-Frame AR.js on android portrait mode not showing in place

I am developing a webAR using AR-js and A-frame, works perfectly with iPhone in landscape and portrait mode BUT in android only in landscape, when in portrait all augmented reality is not shown on the trigger image (Image Target ), appears shifted…
hsj
  • 21
  • 3
0
votes
2 answers

I have problem with aframe model view, cube instead of my model

I just started with ar.js for my presentation and got in problem with one of my model loading, I can see only cube on my screen. While with other model it is actually there( second code ). Tried with different scale factors and all is the same,…
Kanu1988
  • 1
  • 1
0
votes
2 answers

In AR.js When Load Model ,Show A Loading Screen

When We Load A Big 3D Model Or Big A Video, It Takes Time To Load The Assets(Resources) And Render The Resources,So I Want To Show A Loading Screen Or Loading Gif File or a Loading A-Box - Till The Whole Assets Loading And Rendering Is Done,On The…
Aryan
  • 83
  • 1
  • 13
0
votes
1 answer

How to add lights to make a scaned model looks real using AR.js

I am new to AR.js and want to make a very simple demo with AR.j. I get a 3d scanning model from sketchfab，and put it into AR.js. I tried light="type: point" intensity: 5.1, but the light doesn't looks like the model on sketchfab. When I tried with…
z cai
  • 3
  • 2
0
votes
0 answers

Creating a QR code scanner using Augmented Reality

I am using AR.js and AFrame to create an AR app. In this, I have to create a QR code scanner which will display the information encoded in QR code. I have browsed for this but all I have found is how to encode barcode 3x3 into a QR code and then use…
Avanish Singh
  • 103
  • 1
  • 4
0
votes
1 answer

Problem setting up multiple 3D models using a url as source with ar.js and A-frame

I'm just recently learning to code for A-frame projects. When trying to set up a scene with multiple targets in A-fram, the 3D model that was supposed to be displayed by one of them doesn´t appear. The model, like the marker, uses an URL as the…
Laura Castañeda
  • 9
  • 1
0
votes
1 answer

AR.JS with WebView iOS

I am testing AR.js in WebView of swift, but I get the following problem WebcamError Name: Message: WebRTC issue-! navigator.mediaDevices not present in your browser But in safari AR.js works Any solution?
Novoa
  • 1
  • 3
0
votes
1 answer

"THREE.GLTFLoader: Unable to parse model" when running from a ftp

I'm trying to create an Augmented reality app directly in a web browser. There's a very easy solution with AR.js in 10 lines of HTML (https://medium.com/arjs/augmented-reality-in-10-lines-of-html-4e193ea9fdbf). But I have a problem when I try to…
Maxime Parata
  • 165
  • 1
  • 1
  • 7
0
votes
1 answer

AR.js multiple markers failure

I'm using 2 custom patterns and trying to make AR.js recognize them. both of the markers are 6x6 barcodes that I've made into pattern using AR.js Marker Training, and put the downloaded pattens into the folder (as 500.patt and 600.patt). The result…
Dan Sheinin
  • 59
  • 10
0
votes
1 answer

How to configure ar.js when marker is in vertical position

Every example I have found have marker on the table or on the floor. But if I put the marker on the wall, it flips rotation so that height is depth and so on. I know I can rotate objects, but if I want to use physics or for example superhands, its…
TapioK
  • 1
0
votes
1 answer

Click area out of object on portrait mode / AR.js

I’m trying to handle click events on AR.js refer to below page. https://medium.com/chialab-open-source/how-to-handle-click-events-on-ar-js-58fcacb77c4 But if phone in portrait mode, there's an issue like below…
user10678281
  • 1
  • 3
0
votes
0 answers

AR.js: Multiple markers for increased stability?

I have been working around with AR.js so far and am pretty amazed by its capabilities. There is, however, something I've wanted to do and haven't yet figured out: Is it possible to define several (different) markers and use them for the placement of…
J.Galt
  • 529
  • 3
  • 15
0
votes
1 answer

AR.js Marker Not Training properly

I have this custom logo where it creates the .patt file which is not working properly is there any design rules for AR.js Is there any problem with the custom marker I have followed the design principles…
user9538877
  • 188
  • 1
  • 17
0
votes
1 answer

OnClick on model in AFrame-AR.js scene

I am working on an Augmented reality scene using Aframe and ARJS. I am currently rendering obj models when the marker is detected. My requirement is to be able to click on individual models upon rendering and manipulate them. For some reason onclick…
kewal kishan
  • 116
  • 1
  • 15
0
votes
1 answer

Aframe ar.js canvas Context with angular 6

Do anyone now how you get the context of the a-frame aer.js canvas? in the dev mode of google chrome i can see a-canvas class but no id to get the context by id.
Reto Fricker
  • 11
  • 1
1 2 3
…
21 22