21,174
questions
0
votes
0
answers
9
views
How to render threejs AR applications like VR
I created threejs application , embedded VR button , now the scene is rendered with stereoscopic images. I deployed the application and accessed same on my mobile , inserted my mobile into google ...
1
vote
0
answers
24
views
Three JS | Synchronize perspective camera position while switching between OrbitControls and DeviceOrientationControls
In my application ( React JS ) I'm switching between orbit controls and device orientation controls
import { DeviceOrientationControls, OrbitControls } from '@react-three/drei';
...
const [...
1
vote
1
answer
17
views
Error importing troika-three-text with importmap
I'm trying to get the troika-three-text into my Three.js script by importing it via the html, as shown below:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=&...
0
votes
1
answer
54
views
What’s the difference between linear depth, perspective depth, and orthographic depth?
Studying the code of three.webgpu.js, I come across the terms "linear depth", "perspective depth", and "orthographic depth".
I know there is a visual difference between ...
-1
votes
0
answers
17
views
cannot import GLTFLoader in threejs
VS code not allowing to type the import GLTFloader statement.
GLTF loader is installed in the same folder where the javascript file exists.
I am a beginner here.Please help me if you can.
import { ...
0
votes
0
answers
29
views
Why my 3d model keeps placing text not in the middle of y coordinates but a little below it?
I’ve spent two days going back and forth, and it’s still the same. The text engraving depth varies on my curved 3D ring model—one side of the letter is deep, while the other side is not. I’m trying to ...
0
votes
1
answer
28
views
OrbitControls in ThreeJS not working with import map
I'm trying to get a simple ThreeJs with OrbitControls for pan and zoom. I was able to get a working example with an older version (128), but I'm having trouble with the newer r168.
In the example, I'm ...
0
votes
0
answers
26
views
How to find the collision between two object in three js, without using the bounding box
I have loaded a 3-D car model which is much similar to a 3D rectangle, But I can't find the exact collision. when the car turns, the bounding box size is increasing because of its cubic nature.So even ...
-1
votes
1
answer
24
views
Framer Motion preventing UI update upon re-filtering of objects
When changing a filter on an object array, the UI will never return to a higher quantity of objects after displaying a lower quantity. The array/filter functions correctly. I've deduced this to the ...
0
votes
1
answer
33
views
Three.js on CodePen with PLYLoader
I am preparing a CodePen for a question about Three.js's PLYLoader. Unfortunately I cannot get the CodePen working, no matter how I include Three.js I keep geting the error "Three is not defined&...
0
votes
0
answers
29
views
How do I make a mesh with an EdgesGeometry always on top but still make the outline behind the mesh hidden?
How to make the box on the right? I used depthTest false on the box and its outline to make it always on top of other mesh but the outline is now ignoring the box depth.
Here is the sample code the ...
-2
votes
0
answers
31
views
Replica website special effects animation [closed]
I have a technical question and I want to ask you how to replicate the animation effects of this website.
Website: enter link description here
Requirement: The animation effects of switching videos ...
0
votes
0
answers
14
views
3D object not showing in the 3D space - jsartoolkit5
this is my first question, so I hope to do everything as intended.
I'm currently trying to learn a little bit about augmented reality using web apps and I'm trying to do some basic stuff.
I'm trying ...
0
votes
0
answers
39
views
Web based subtraction methods for 3D STL models but how?
I'm trying to subtract an imported STL model's volume from another imported STL model. Finally, I'm wondering to achieve a gap on base model's volume according to the 3D location of other model.
In ...
0
votes
0
answers
27
views
texture bug when use ShaderMaterial in three.js
import React, { useRef, useEffect } from 'react';
import { Canvas, useFrame, useThree } from '@react-three/fiber';
import { OrbitControls } from '@react-three/drei';
import { useLoader } from '@react-...