Questions tagged [three.js]
Three.js is a lightweight cross-browser JavaScript library/API used to create and display animated 3D computer graphics on a Web browser. Three.js scripts may be used in conjunction with the HTML5 canvas element, SVG or WebGL.
three.js
21,196
questions
0
votes
0
answers
23
views
Camera world angle
I want to know the camera angle based on world coordinates. I use rotation to convert radian to Degrees. But the rotation is Euler angles which uses local coordination.
Is there a way or property to ...
0
votes
0
answers
37
views
How to Convert Camera Calibration Data to Specific Format?
I have camera calibration data in the following format from OSDaR23 dataset::
{
"streams": {
"intrinsics_pinhole": {
"camera_matrix": [
...
0
votes
1
answer
30
views
Unexpected Identifier $: QwikJs
I've written some code to display a 3D model using Qwik and Three.js. Unfortunately, I'm encountering an error that indicates an "unexpected identifier '$'." I suspect this issue might be ...
0
votes
0
answers
23
views
The scroller delays (or lags) when using react-three/fiber and framer-motion
I'm trying to combine three.js content by react-three/fiber and framer-motion.
The problem is that when I use framer-motion to pin the canvas to the top, I notice a delay gap between my HTML content ...
0
votes
0
answers
20
views
How To Let ShaderMaterial Receive/Cast Shadows
So, I have been playing around with vertex and fragment shaders, and wanted to know if there was a way to add shadows to the fragment shaders? I have tried many unsuccessful attempts, and researched a ...
0
votes
0
answers
17
views
Any ideas why the code for this cube syncs with the rotation of the headset in VR but not on anything else?
I'm working on a project in AFrame/Three.JS with VR using croquet to have events sync between multiple users. When the user enters VR I switch the camera position and send an event to the model within ...
0
votes
0
answers
20
views
Threejs, Applying position.set() on a Group produces odd positions for its children
The initial position of the camera is (0,0,0). I set this because I want to display a flat object on a flat surface like Pigma. Next, create a new room in your new room. To create a room, we receive ...
0
votes
1
answer
32
views
How to enable camera scroll and disable zoom using camera controls drei
I use CameraControls of Drei Three JS to controls the transition. I already create useEffect to update the zoom, scroll, and rotate of the CameraControls but the zoom and rotate event still enable. ...
0
votes
0
answers
25
views
Only get current scene camera value once
This has wasted too much time, and I need to get some help.
I've created a program which has multiple graphs -- one of them is a threejs plot. As the user changes the orientation of the 3d plot, I ...
0
votes
0
answers
13
views
How to create a static Alphamap texture from canvas in 3js defined by world coordinates
I am currently in need of adding holes to a shape mesh that can be dynamically generated. The mesh is created from using mergeBufferGeometries on an array of ShapeGeometry. These shapes do have their ...
0
votes
0
answers
18
views
How can I improve performance in rendering a 3D Model in Three JS
I have some code for importing a 3D model (locally saved) and rendering it inside of my site via Qwik and Three js. The only problem is, that it causes the site performance to crash astronomically and ...
0
votes
1
answer
33
views
Cannot open a gtlf file on html using three js
I am looking to open a 3D image I downloaded from Sketchfab and make it interactive and clicakble using three js. I have followed the instructions by ChatGPT, so I have all the scrypts I need in the ...
0
votes
0
answers
21
views
Rendering a 3D Cuboid onto a Camera Image Using SVG in Three.js
I’m working on a project where I need to render a 3D cuboid onto a camera image using Three.js and SVG. Here are the details:
3D Cuboid Data:
{
"id": "c90193ab-1812-4b52-a853-...
0
votes
0
answers
31
views
T Pose between animations in React Three Fibre
I am using 3d models from Ready Player me and animations from Mixamo, when I switch between animations, I want a smooth transition but instead I get a T-pose between animations. The 3d models are glb ...
0
votes
0
answers
12
views
Texture on GLTF model is duplicated in Three.js. How to render texture without duplication?
I am attaching a picture below.
I have a React app with a GLTF model in it. I can put a texture on this model, but for whatever reason, this texture (Starbucks logo) is duplicated. I don't want it to ...