Skip to main content
Filter by
Sorted by
Tagged with
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 ...
steveblue's user avatar
  • 480
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 ...
Itis Me's user avatar
  • 39
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,...
javanub's user avatar
  • 43
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 ...
dik james's user avatar
-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 ...
Iann's user avatar
  • 1
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 ...
Alejandro Vazquez's user avatar
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 ...
Thuan Tran's user avatar
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, ...
Adam's user avatar
  • 393
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 ...
z3db0y's user avatar
  • 33
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 ...
Abdullah Developer's user avatar
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 ...
Andrew Kargin's user avatar
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 ...
philolegein's user avatar
  • 1,515
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: ...
Shoyeb's user avatar
  • 1
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 ...
electricmachine's user avatar
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 ...
Thuan Tran's user avatar

15 30 50 per page
1
2 3 4 5
1410