21,144 questions
0
votes
1
answer
29
views
GLSL Shader vertex displacement only on 1 vertex
I'm trying to refactor a decade old GLSL vertex displacement shader that used to work with a legacy version of Three.js and I ran into a bunch of issues from the order of operations for textures ...
0
votes
1
answer
31
views
How can I create the axis helpers using WebGL and Three.js
How can I create an axis helper like the below image at the top left corner and in the middle. When I use axesHelper, the line doesnot have an arrow at the end and it is also thin. Below is the code I ...
3
votes
1
answer
38
views
How to automatically center imported GLTF model and orient camera to show full model in Three.js
I'm working on some Three.js code to import a GLTF model and display it. The model is imported successfully through a different component, but no matter how I adjust the camera or reposition the model,...
0
votes
0
answers
21
views
vite not updating it page when GLSL code have been updated
I been trying to learn GLSL in this past few days but there's something that limited my progression is that the page won't updated when The GLSL code have been updated where i need to manually ...
-1
votes
0
answers
16
views
Setting up threejs and running it
I encountered difficulties while attempting to execute a straightforward Three.js project. Despite adhering to the provided guide, I discovered that I lacked the necessary libraries. Consequently, the ...
0
votes
0
answers
29
views
Rendering multiple composers in three.js
In this clip im trying to render two differnt composers to the canvas in the animation cycle but only the last composer in the loop gets rendered to the screen, or the transparency of one layer doesnt ...
0
votes
0
answers
23
views
Manually update 3D Object pivot point in three JS
I'm quite new to ThreeJS and I just got this car model on Sketchfab, but when i try to put it in my React Three Fiber app it display very far away in the scene, when I attempt to rotating it follow ...
0
votes
0
answers
29
views
How to load an LDR file using THREE.js
I am attempting to display an .ldr file in a web page using THREE.js. An .ldr file is a LEGO version of a .mpd file. The THREE.js documentation says to convert the .ldr file to a packed .mpd file, ...
1
vote
1
answer
51
views
Three.js - Color based on occlusion
I would like to have a mesh that is always drawn to the scene (depthTest = false, renderOrder = 999) but I want the occluded part of the mesh (the area covered by another object in front of it in the ...
1
vote
0
answers
18
views
How to Create a 3D Texture with Depth from Slices for KTX2 in Three.js?
I’m trying to create a 3D texture with depth using KTX2 files for volume rendering in Three.js. I have a KTX2 file that, when extracted using,produces 64 slices named output_depth*.png, each of size ...
1
vote
1
answer
47
views
Problem with three.js shader's column width adjustment
According to the layout, the shader should be divided into 6 columns and 3 rows with dimensions of 100vw up by 100vh. The sizes of the rows should be divided evenly proportionally by height. The ...
0
votes
1
answer
34
views
Re-render problem with FBO "flip flop" technique in R3F
EDIT: I've narrowed down the problem to something evinced by the double-render of React in strict mode in development. Adding more details below, and also adding the "React" tag, since more ...
0
votes
0
answers
12
views
THREE.WebGLRenderer: Context Lost when loading a 3D object in a Next.js app deployed on Vercel
In my Next.js application I want to load a 3D object. The application works perfectly on my local environment, but when deployed to Vercel, I encounter the following error:
THREE.WebGLRenderer: ...
0
votes
0
answers
14
views
fitting skeleton to mesh after using shape keys in three js?
i have this human model from makehuman addon in blender. i imported using gltfloader, and the shape keys and the rest works great. The problem is that when adjust the mesh with shape keys, the ...
0
votes
0
answers
23
views
Threejs clipping cast shadow
I have a 3D object, a New balance shoe with a <directionLight/> and directionalLightHelper to visualize the lightsource, the issue is the shadow on the shoes looks weird, it seems like the shoes ...