Stack Overflow
Stack Overflow

Questions tagged [aframe-react]

14 questions
2
votes
1 answer

Unable to render gltf model with aframe-react and aframe 1.0.3

I am using following versions of aframe and aframe-react "aframe": "^1.0.3", "aframe-react": "^4.4.0", I am trying to render a gltf model -
Niraj
  • 333
  • 1
  • 5
  • 23
2
votes
2 answers

aframe-react; writing new component error

I'm not really sure what I'm screwing up here. I've managed to write my own components in basic A-Frame but since moving to aframe-react I'm getting the error: Error in ./src/components.js C:\PATH_TO\src\components.js 1:1 error 'AFRAME' is not…
JDorman
  • 89
  • 1
  • 12
2
votes
1 answer

How to mange memory used by A-Frame?

I'm building a web app which has 360 degree images loaded into an a-sky primitive. I'm using aframe-react. There are total of 20+ 360 degree images and only one img asset inside a-assets. once user switches scene react will change src of asset img…
AKT
  • 176
  • 2
  • 10
1
vote
0 answers

react-web-ar - Rendering component containing AFrameRenderer gives Uncaught Error

I have two components Home.js and View.js. My View.js returns a JSX with AframeRenderer tag. I want to render the View.js component whenever user clicks the Click Me option in the Home.js component. Below is the snapshot of the codes from App.js,…
Tajir Hasnain
  • 21
  • 2
1
vote
1 answer

A-frame-react : how to pass the value when .map()?

I would like an Entity to spawn for each item added dynamically in the array. Is it possible to do like this? How would I attribute the value of each item to each Entity ? this.state = { items: [] } then in the render : …
user10986114
0
votes
0 answers

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 './models/phone.glb'; import mallstore from…
CoderM
  • 1
  • 1
0
votes
0 answers

Hoverable Image not displaying in Framer

I have created a Hoverable Image component in React with the Framer Motion library. The component works perfectly when tested locally, but when I try to use it in Framer, the image does not display. I have checked that the component is imported…
Vincent Giacalone
  • 1
0
votes
0 answers

Camera freezing when stepping on an Object in AFrame and aframe-physics-system

This is the versions of aframe and physics libraries I'm using: "@belivvr/aframe-react": "^0.4.2", "aframe": "^1.4.1", "aframe-extras": "^6.1.1", "aframe-physics-extras": "^0.1.3", "aframe-physics-system": "^4.0.2" I am using…
Youssef Abi Aad
  • 1
0
votes
1 answer

How do I correctly represent/scale coordinates from Adobe XD to aframe?

I'm trying to correctly represent/scale coordinates from Adobe XD to aframe. This is how I'm doing it at the moment: 1. Uploading image related data (coordinates, width, height) and the image itself as formData to server. 2. Generate for generating…
DudeOfNowhere
  • 11
  • 4
0
votes
2 answers

Aframe-React gltf2 model loaded but empty

i'm loading a gltf2 model in Aframe-react app, in inspector the model looks loaded but shows empty. This happens for .gltf 1.0, .gltf 2.0, and .glb format. They look good in online model viewers but empty in Aframe React app. loading model
LouFoo
  • 3
  • 6
0
votes
1 answer

Aframe-react how to register and use custom component?

I would like to register a Aframe-component in Aframe-react; i usually do it AFRAME.registerComponent('leftcamera',{...}); and then use it in Html straight away, but cannot really understand how to do it in proper react way. The app is bootstrapped…
LouFoo
  • 3
  • 6
0
votes
1 answer

How to use aframe-react events properly in .map?

I'm trying to render images and each images should be clickable. I tried to write a code below. However, the click events fires when a user access to the component. Can you explain why is it happening? the code that I wrote is here
Munkhtegsh.M Munkhbat
  • 23
  • 5
0
votes
1 answer

Aframe - events for dragging

I'm using Aframe-React and the Aframe Click Drag component. This is working well, and I'm now trying to work out how to add events to the entity so I can update these calculations when one of my entities is dragged (the lines are a elbow connection…
beek
  • 3,522
  • 8
  • 33
  • 86
0
votes
1 answer

Using Networked-Aframe with aframe-react

I'm trying to make a multiplayer game using the Networked-Aframe library with aframe-react. The big roadblock I've run into is I can't simultaneously run: react-scripts start to run react and node ./src/vendor/easyrtc-server.js to run my…
JDorman
  • 89
  • 1
  • 12