20,972 questions
0
votes
0
answers
45
views
How to Trigger the animation with/via ArrowUp and ArrowDown?
I have this code working fine with mouse drag and click but just in need to start the animation on keyboard up/down buttons acting like mousedown/mouseup.
What I need to achieve to add a function/...
- 1
0
votes
0
answers
49
views
React Three.js: "Error creating WebGL context" even though WebGL works on https://get.webgl.org/ [closed]
I'm developing a hero section for my React portfolio that includes a 3D model rendered with Three.js via @react-three/fiber.
However, when the component loads, I see this error in the browser console:
...
0
votes
0
answers
42
views
ThreeJS in MapLibre-GL-JS: Transparent colors in texture not honoring alpha [closed]
I have been working on plotting image-based data on MapLibre-JS using ThreeJS, and have encountered an issue with transparent colors inside textures. Whenever there is a texture color with alpha set ...
- 19
0
votes
0
answers
28
views
WebXR controllers for positioning in three.js
In Three.js VR I retrieve references to the controllers like the code below. There are two ways to get controller objects for 2 different purposes, buttons and positions/rotations.
controller1 is for ...
- 14.2k
3
votes
1
answer
47
views
i uploaded a 3d model file in cloudinary and want to fetch it but when i doi it, it says: it "cannot read property 'match' of undefined"
i want to show on the screen the 3d model when i import it from cloudinary and it is succesful but the problem is that it wontshow the 3d model on the screen and the error says failed to load GLF ...
1
vote
0
answers
86
views
How to create a looping deforming Text animation
I'm trying to create an SVG animation where a shape continuously deforms (like a breathing or liquid blob).
The goal is to later place text inside the shape so that the text appears to deform along ...
- 105
0
votes
1
answer
28
views
How to get face/head direction/rotation from BVH files - Axis Studio?
I'm trying to get the direction/rotation of the head or the direction/rotation of the face from the neck.
I'm working whit a BHV file exported from Axis Studio:
Body: Axis Studio
Euler Order: XYZ
...
- 94
0
votes
0
answers
93
views
three.js: How do I wait for the <canvas> image to update for each render?
Calling renderer.render() in a requestAnimationFrame() loop will often fire faster than the <canvas> element can update its image, making any "true" FPS measurement inaccurate.
In ...
- 3,938
0
votes
0
answers
24
views
Camera framing problem in R3F (CameraControls + different object aspect ratios +Screens with different sizes)
I’m building a 3D website in React Three Fiber, Three.js, and @react-three/drei.
The scene is a 3d circular monument with 4 wall-mounted objects spread evenly around the monument: Mirror, ATM, Statue, ...
- 141
1
vote
0
answers
75
views
Three.js - DOF not working with point clouds (THREE.Points)
I'm trying to implement a Depth of Field (DOF) effect in a Three.js scene that includes a point cloud rendered using THREE.Points. I've based my implementation on these official examples:
https://...
- 11
1
vote
2
answers
114
views
GLSL shader not showing anything in scene in THREE.js - why?
I'm trying to make my own shader for a THREE.js project I'm working on, and I wanted to make a GLSL shader as part of it for one of the meshes in my scene. However, despite writing very basic code for ...
- 69
0
votes
1
answer
57
views
Issue with setThemingColor on groups
We're working with Forge Viewer v7 and trying to color objects based on their ID. The idea is simple: when we provide an ID, the viewer should color the corresponding objects and sub-objects.
We’ve ...
1
vote
1
answer
125
views
Why my code behave differently with transferControlToOffscreen or new OffscreenCanvas?
I’m trying to use a web-worker to render a scene with threejs. I want to render some dynamic font using a CanvasTexture. But I find that when I use canvas in web-worker from ...
- 35
-1
votes
1
answer
61
views
How to use gltfjsx to create a jsx file to load a glb file but change material colors from each call to the transformed file/model?
The best example is this sandbox
https://codesandbox.io/p/sandbox/re-using-gltfs-forked-nl2mm9?file=%2Fsrc%2FApp.js%3A18%2C1
It loads a glb model within a function that allows the properties to be ...
- 581
1
vote
0
answers
68
views
ThreeJS doesnt properly render objects those have scale(-1,-1,-1)
ThreeJS render objects reverse lighting those have scale(-1,-1,-1).
Object A has scale(1,1,1)
Object B has scale(-1,-1,-1)
the Model was exported with Sketchup as GLB format.
I tried to manipulate ...
- 1,949