Questions tagged [aframe]

For anything related to A-Frame (aframe.io). A-Frame is a web framework for building virtual reality experiences. A-Frame lets us build scenes with HTML while having unlimited access to JavaScript, three.js, and all existing Web APIs. A-Frame is an entity-component-system framework that promotes composition and extensibility. With WebVR, most headsets/controllers can be used with A-Frame: Vive, Rift, Daydream, GearVR, Cardboard, or plain 2D mode.

Filter by
Sorted by
Tagged with
0 votes
0 answers
4 views

AFRAME AR.js multiple markers failure

I am using AFrame and Ar.js with marker tracking. I'm working on this code to play different videos when the correspondent patt a-marker is found.The markers recognition is working pretty good but the ...
samilapf's user avatar
-1 votes
0 answers
4 views

aframe.js how to close popup

I use ar.js and aframe in my project, when run project this popup will open, want close it or modify text ,read ar.js and aframe document no answer found how do I close it? enter image description ...
shen's user avatar
  • 1
0 votes
0 answers
15 views

How can I use (complex) interactable, scalable SVG graphics as faces in a-frame a-boxes?

I have created a HTML page using a-frame which shows a table in front of a chalkboard. On the table will be several a-boxes, which will need different svgs as texture on the top and the sides. How can ...
Torsten Knodt's user avatar
0 votes
0 answers
18 views

Animated gltf models disappear when camera gets close using aframe with three.js

I've animated rigged models in blender, and exported them as gltf with embedded materials to use for AR in aframe. They work fine, except they will disappear when they come into close proximity of the ...
mundanomax's user avatar
0 votes
0 answers
5 views

Aframe dependency "three-bmfont-text" producing checksum error

I'm developing an AR app with Aframe and AR.js. On local everything installs via npm and it works, but when deploying on heroku it's giving a checksum error: remote: -----> Installing dependencies ...
John Xu's user avatar
  • 411
0 votes
0 answers
8 views

How to add objects in a 360 generated image

I am generating 360 images using BlockadeLabs and I am creating a portal out of them. I am trying to add 3D objects inside his portal but they look like "floating" in the air. Is there a way ...
Theodor Sandu's user avatar
0 votes
0 answers
23 views

A-frame Lit shadow dom interferes with a-scene

I am developing an A-Frame application bootstrapped with npm init @open-wc. It uses Lit 2.0.2. There seems to be some conflict between the enclosing a-scene and the shadow root when using Lit. If I ...
davidm's user avatar
  • 205
0 votes
0 answers
10 views

Virtual canvas with at.js

I want to make a canvas plane with augmented reality on AR.js and A-frame, by the moment it doesn't work, it's only show the white plane and I can't draw on it. Please take a look to the code an ...
Franciscø's user avatar
0 votes
0 answers
30 views

8th Wall lighting

I made an AR Experience in 8th Wall and it's working pretty well. The only thing is the lighting. The model looks like this in the gltf viewer: But when i load it into the AR experience the model ...
Benjamin Zaufall's user avatar
0 votes
0 answers
7 views

I could not find any reference to appear two model simultaneously when AR Marker is scan on AR.JS(A-Frame)

I have two model and one marker. When scanning the marker, I want two model appear at the same time Tried to do like this but is not working <a-marker type="pattern" url="marker.patt&...
Basiir - MY's user avatar
0 votes
0 answers
19 views

AR Glasses compatible with Aframe.io framework

While I know Aframe.io does not officially support AR glasses like Xreal, Viture, and others I would like to know if anyone has had success using usb-c glasses with Aframe.io framework including ...
jinside's user avatar
0 votes
0 answers
6 views

Does A-frame work on stand alone Oculus/Meta devices?

If someone opens the web page in the meta browser (the headsets web browser) will the vr still work?
Juli's user avatar
  • 13
0 votes
0 answers
33 views

Unable to visualize OBJ and GLB models using A-Frame library

I try to visualize models, using A-Frame library. I have a server with static contents (my glb-models) and https connection (to conform to WebXR requirements). However, when the page with the model ...
Jacobian's user avatar
  • 10.2k
0 votes
0 answers
5 views

AFRAME - Finding issues adding links, event listener to any object

I am trying to add link to my objects, i have tried entity,box,image nothing works :( Here is my code: <a-scene cursor="rayOrigin: mouse; fuse: false" raycaster="objects: ....
user3220589's user avatar
-1 votes
0 answers
6 views

I'm having problems understanding how to use touch on a-frame objects

I've read lot of explanations and viewed a lot of videos, and I still don't have a good understanding of how to touch an object and make it move in aframe. I've tried many examples. Most don't work. I'...
mfratus2001's user avatar
0 votes
0 answers
14 views

What AR technology are they using here, and how come they can access the camera without even promting for camere access?

On thing that I find a bit troublesome with AR on the web, is the fact that you have to ask for camera access each time you enter a AR experience. Then I found this example on IOS which does not ...
Fred's user avatar
  • 11
0 votes
0 answers
26 views

metal model reflection with aframe 1.4.2

I have a application with aframe 1.2.0 and my plan is updating to 1.4.2. However I have an issue with metal glb model. Models don't look like metal with aframe 1.4.2 If you check the following links ...
Kaan Tosunoğlu's user avatar
0 votes
0 answers
21 views

A-Frame smoky environment in augmented reality

in A-frame , how do i add smoke to my augmented reality environment. i want my camera effect to be smoke like or foggy effect ( animated ) , any idea on the implementation?
jugnu's user avatar
  • 23
0 votes
0 answers
29 views

A-Frame I can't detect the marker in javascript

Hello I would like to run an alert when a market is detected, but i can't get any working example, the strange think is that i have this error when i put the image in front of the camera, it's mean ...
Gelso77's user avatar
  • 1,765
0 votes
0 answers
21 views

Im working on AFrame and AR.js for Business card , i want to add a link inside the scene as a button or 3d model

i have given the HTML code please let me know How to bring UI interaction in Scene.this Google link inside the script is overlayed bt the scene ,,If camera turns on that link goes behind the camera ...
Shivaprasad K M's user avatar
0 votes
0 answers
31 views

How to move an object in the aframe scene by pinching?

I wrote a custom component based on the hand-tracking-controls component from aframe library to move the object by pinching it in the scene. The idea is to listen to the pinchmoved event emitted by ...
Astroboy's user avatar
0 votes
0 answers
28 views

A-frame physics system: adding dynamic objects on click

I have a coin object that I want to instantiate on every click and make them drop from the clicked position. Within the scene I have: <a-assets> <a-asset-item id="coin" src=&...
pnk6's user avatar
  • 276
0 votes
0 answers
20 views

AFRAME GLTF Model Rendering Inconsistently Compared to Expectations

What I can see I've been integrating a GLTF model into my A-Frame VR scene, but I'm facing a peculiar issue. The model, when rendered in A-Frame, appears overly transparent, making it seem like it's ...
Shengdong Cao's user avatar
0 votes
1 answer
23 views

How to manage the focal length with Aframe

I building a web application with Aframe.js framework build over Three.js, main core of this application it's to look 360 render image that 3D artist done with Unreal Engine. Everything works good, ...
Mattia Pompita's user avatar
0 votes
0 answers
24 views

How to clean up A-Frame resources for an "WebAssembly.instantiate(): Out of memory" error?

I'm building a web application with AR and VR experiences using A-Frame and React.js. I have a page that loads an a-scene with its model. After leaving the page, I'm cleaning up the model and entity, ...
Marta Correia's user avatar
0 votes
0 answers
34 views

Why elements are not appearing above the Hiro marker in ar.js?

I'm using ar.js and a-frame framework to try augmented reality. And I have a simple problem : my elements are not appearing right above the marker in the scene (they are all shifted downwards). So I ...
Maitai's user avatar
  • 1
0 votes
0 answers
9 views

I have used the A-frame JS for 360 view image but i can't able to find the default loader

I have using A-frame JS for 360 view.but when 360 image shows before that loader also will show then only image will come..the loader come with te default background-color..i want to remove the ...
Kalidass's user avatar
  • 424
1 vote
1 answer
35 views

How to access a GLB's Skeleton when using Aframe's entity gltf-model to load it?

I'm following this spec for loading GLB's, https://aframe.io/docs/1.4.0/components/gltf-model.html, i've loaded a GLB file using this format. <a-scene> <a-entity gltf-model="./assets/...
Laron Walker's user avatar
0 votes
0 answers
31 views

Using A-Frame Image Tracking. NFT image scanning is picked up in console logs, but no type of Entity will render

I am currently working on an React.js with A-Frame project and I'm encountering an issue where my AR scene is not rendering text. I am using the <a-entity> element to create text in my scene, ...
Brandon Smith's user avatar
0 votes
0 answers
10 views

How to create AR that shows a web browser over marker using AR js?

I have a simple project to create AR that shows a web browser on a marker using AR js. I have created some experiment using AR js, but still stuck on it.I still haven't succeeded. Is it possible to ...
Yaser Ali Husen's user avatar
1 vote
0 answers
46 views

How do i get 3D itens to stay static in the scene?

I'm trying to develop a web system which uses the smartphone's camera to AR experience. I would like to let 3D objects static in the scene, but in the tests, the objects keep moving and flicking. To ...
Renan Martins's user avatar
0 votes
0 answers
25 views

Accent and ñ in A-frame [duplicate]

How can a write accents or ñ in A-frame? When i write ñ or accents the the character disappears <a-entity text="value:áT&aacute;ílde y e'ñ'; color:#FFFFFF; shader: msdf; font:fonts/...
Jorge Benítez López's user avatar
0 votes
0 answers
22 views

probably an elementary question concerning indexing vr controller data in an aframe framework

Starting from the A-frame examples (https://github.com/aframevr/aframe/tree/master/examples/showcase/comicbook), I am currently able to increment and decrement with my quest controllers (left and ...
marl's user avatar
  • 1
0 votes
0 answers
36 views

AFRAME.ANIME on child element

Found this example using ARAME.ANIME, but having an issue when trying to apply this method to a child element - I'm trying to animate the material.color. AFRAME.registerComponent('colour-anim', { init:...
heroicsatsuma's user avatar
1 vote
0 answers
30 views

How can I add overlay buttons to an ar scene in A-Frame using ar.js?

I am using ar.js in my scene as it works in IOS and I want to add one or two overlay buttons on mobile screen (not in 3d scene) which users can click when in AR, for different purposes such as change ...
armadeous88's user avatar
1 vote
0 answers
34 views

Resolving AR.js Errors in Angular Project Using A-Frame for Marker-based AR

How can I resolve the errors that are being thrown in my Angular project when using AR.js with A-Frame? I am attempting to incorporate AR.js into my Angular project, specifically using Marker-based AR ...
Tempo's user avatar
  • 11
0 votes
1 answer
24 views

Aframe *.glb image

I am a newie working with aframe and animated objects, I am doing an exercise in which you can shoot a meteorite in space. I want to replace the 2D image with a 3D image that moves on its axis, I'm ...
Franci Sánchez Zambrano's user avatar
0 votes
2 answers
47 views

How to trigger the animation of a GLB in A-frame

This puppy has animations https://poly.pizza/m/y4wdQpg767 I'm trying to trigger the attack animation in the HTML with A-frame: 1.4.0 And with JS 2D perrito = document.getElementById('perrito'); ...
Jorge Benítez López's user avatar
0 votes
0 answers
19 views

I want that when the user moves inside the a-frame, a wind animation appears around him. what an effect that is going fast

I am trying in A-frame when you move inside the eframe you will see animation winds around the camera. And I don't know how to do it if any of you help me with this problem I would appreciate it. I ...
kibria's user avatar
  • 1
0 votes
0 answers
27 views

How to create a 360 image with clickable (touch) points of interest with a-frame

I have a 360 image where you have to look around to find an element and click on it using your finger on a mobile device. Is it possible to have a 360 image with clickable interests using A-frame? I'm ...
Yannick's user avatar
  • 11
0 votes
0 answers
64 views

Improving stability in A-Frame and AR.js image tracking app without using third-party engines

I am currently working on an image tracking application using A-Frame and AR.js in a browser environment. However, I am facing stability issues in the scene, and it does not match the level of ...
Nino Zurashvili's user avatar
0 votes
1 answer
29 views

How to play sound on specific frame of animation?

I have an animated model that lasts 220 frames. On frame 70, I want to send an event in order to play some audio. How can I do that? Thanks.
fran35's user avatar
  • 145
0 votes
0 answers
17 views

A-frame Extras Agent Falls Through Navmesh

Well, here's a good one for you - Using A-frame Extras Pathfinding and working on building patrolling agents using waypoints. HOWEVER, the characters (especially the random patrol lady) fall through ...
James's user avatar
  • 11
0 votes
0 answers
35 views

How to put a click event on an entity in Aframe in react

`import 'aframe'; import {GLTFLoader} from 'three/examples/jsm/loaders/GLTFLoader'; import sky from './stars.jpg'; import mountain from './models/Exterior_baked_with_table.glb'; import newphone from '....
CoderM's user avatar
  • 1
0 votes
0 answers
43 views

a-marker-camera in barcode mode in ar.js

I'm new to both ar.js and a-frame. I've got a tutorial working that does almost what I want. As the next step I'd like to anchor my entire scene to the marker, but just can't get it to work. Here's ...
Szocske's user avatar
  • 7,476
0 votes
0 answers
52 views

AR.js A-Frame click event

The click event does not work for the whole 3D Model, it only works on the bottom of it. Can you help me? <!DOCTYPE html> <html lang="en"> <head> <meta charset="...
Fabian S.'s user avatar
0 votes
0 answers
23 views

A-Frame color change stops working after dynamically adding entities

I'm using A-Frame to create a webapp/vrapp where I can add objects to the surface of another object (holds on a climbing wall) from an aframe object pool. For now, each hold is a sphere and I have a ...
Gary Frewin's user avatar
0 votes
1 answer
24 views

AFrame: How to update schema data on System?

Systems in AFrame can declare a schema and store data within their data object field. However, setting a field on data directly does not trigger the update() lifecycle handler on the system. What's ...
Atlinx's user avatar
  • 338
0 votes
0 answers
38 views

Uncaught TypeError: systems[name] is not a constructor

I am developing a Web AR app using laravel, vite and aframe. My problem is that when I run the npm run build command, the scripts are added as type="module". According to the a-frame ...
Ab.rezaei's user avatar
0 votes
0 answers
20 views

Get click button with Aframe and Angular

How do I differentiate right and left click when I click on object in my 3d aframe scene with a mouse (in angular)? I've tried just about every which way I can think of, a few that Chat thought up, ...
Gary Frewin's user avatar

1
2 3 4 5
59