Category "three.js"

Three.js (angular) when Reflector (mirror) is rendering all MeshPhysicalMaterial (glass) they also become mirrors

Varsion: 0.138.3 Glass Material: new THREE.MeshPhysicalMaterial({ color: 0xe3e3e3, transmission: 0, opacity: 1, metalness: 0.82, roughness: 0.16, io

3d-force-graph node caption behave like a (single) clickable url link

I try to make the captions behave like hyperlinks on click. I followed an answer given here in stack overflow: Attach link to 3d-force-graph node But it only wo

Cannot rotate mesh in React Three Fiber

I have a Plane mesh, and I want to have it initialised with an initial rotation vector. However, setting the rotateX prop does not work. <mesh rotateX={1}>

How can I rotate a vector 90 degrees into a perpendicular plane, and then 15 degrees free from that plane?

What I ultimately want is a vector, giving the direction of the green line in the image below, knowing only the position of the yellow and green dots. To be mor

my three.js scene is not rendering. not sure why

my main.js file contains :- import './style.css'; import * as THREE from 'three'; //create scene const scene = new THREE.Scene(); //arguments - field of view

Overlay text over GLTF model in Three js

I'm not familiar with JavaScript. For an office project, I learned the fundamentals of Js and started working on three.js. I successfully imported a 3D GLTF mod

Failed to open DWF / DWFX file natively in Forge Viewer

I am using the below code to open the DWF file. File size is more than 20MB. const options = { env: 'Local', useADP: false} var config3d = { extensions: ['A

Unable to positioned the webgl canvas while capturing image

I'm accessing the webcam and trying to take a picture. this is what it looks like before capturing the pic. But this is what I'm getting after taking the pictu

Chrome DevTools - Set WebGL version

In Chrome DevTools, is it possible to set the version of WebGL and/or disable WebGL for testing purposes?

React Three Fibre follow mouse respect controls

I'm trying to get something to follow the mouse, after controls have changed the camera position Here is an example https://codesandbox.io/s/r3f-mouse-forked-to

Starting with AR.js the documentation example does not work

I'm starting with AR.js and having plenty of issues, so I tried re-starting again with the basics. I do want to put a gltf file on top of a custom marker I went

Is it possible to load a Three.js Editor exported scene with React Three Fiber (r3f)

I was wondering some issue during r3f implementation of a scene made with Three.js Editor. There is any issue about loading of json from an exported file ? func

THREEJS - GLB Import & Mapping Image Texture

I'm trying to map an Image onto my GLB import, however the GLB is just showing up as black. Not really sure where I'm going wrong here. let textureLoader= n

Three.js error --> THREE.Scene is not a constructor

I can't execute my code because of this error: TypeError: THREE.Scene is not a constructor I use the three.js file from the official github repo and here are

Specifying the type for Threejs Object3D.userData in TypeScript

In Three.js there is a field on Object3D class called userData, which in the type declaration file node_modules/three/src/core/Object3D.d.ts is defined as /**

Is it possible to rotate a cube environment map 180 degrees around Y axis?

I'd like to rotate a cube map about Y axis by 180 degrees. scene = new THREE.Scene(); scene.background = new THREE.CubeTextureLoader()

Trouble setting dynamic room name in network a-frame

I'm having two a-texts both directs to same html <a-text navigate="url: http://../room.html" color="green" position="0 2 0" value="Room 1"></a-text>

A-frame consitatnly animate gltf to go to position of camera A-frame

I am creating a vr scene using A-frame (https://aframe.io) and I am wondering how can I animate a gltf model to always follow the camera. For example, I would l

Load GLB model with Webpack - Three.js

I'm trying to use Webpack for the first time and I have trouble to add my glb model. My model is ok, used many times and I put in public folder. I dont' underst

WebGL2: what is up with max elements indices/vertices?

I'm developing a web component using WebGL2 (and three.js) with OES_element_index_uint enabled. I'm drawing a geometry using indexed vertices and I'm seeing th