All Questions
1,670
questions
-1
votes
0
answers
23
views
Error loading model on website served through GitHub pages: SyntaxError: Unexpected token 'v'
so I'm fairly new to coding, GitHub pages all of it. I am trying to serve my website over there which includes three 3d models (their files being larger than 100mb) which I have added to the git ...
1
vote
1
answer
46
views
Showing stats of vertices and triangle counts on editor
In the example editor how does Three.js rendering a legend showing the number of Vertices and Triangles and also a 3 axes helper legend, I added screen shot of the scene with these legends.
I want to ...
- 110
0
votes
0
answers
21
views
Three JS move object on hover
So i want to create website like sparkk.fr the landing page contains "let us play with your ideas" with 3d object that can be hovered wanted to create that landing page breaking the cubes ...
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-...
- 33
0
votes
0
answers
17
views
Three.js: How to prevent flickering, which occurs when page restarts. (White flashing)
On my discover flickering occurs when page “off”. Effect act during 1-2ms in canvas. Moreover this problem may occur or not occur in any canvas blocks on page.
I tested more variants of solution this ...
- 1
-1
votes
0
answers
21
views
Three.js outline affect problem,can't show the scene clearly
I tried to add outline affect for a cube at scene.But the scene has some problem:the scene is so vague that I can't see the cube clearly.I tried to use SMAAPass before but it didn't work.I want to ...
- 1
0
votes
1
answer
58
views
Normal map BG image for website, with fixed light source
I would like to be able to use normal maps in my site's background images. This CodePen example seems to be the best from all the implementations I've seen so far. It uses three.js to achieve the ...
- 1,667
0
votes
0
answers
42
views
Implementing 3D Object Animation with Bouncing and Color Change in WebGL/Three.js
I need to create a 3D object (cube, sphere, or torus knot) that moves around the viewport, changes direction upon hitting the edges (bouncing effect), and changes color each time it bounces. I'm using ...
-1
votes
0
answers
37
views
how to render a 3d models in react native app?
My three D models are hosted on the remote server (GLB, USDZ), and I wanted to render them on my React Native app. I have been referring to this example (https://github.com/Rakha112/react-native-...
- 1
0
votes
0
answers
31
views
How do I prevent the rotation and vertical movement of an object by collision?
I have this issue in cannon.js where when a cube runs into an object, that cube just flies over it, instead of staying on the floor. Also, the red physics box is turning and moving. How would I make ...
-1
votes
0
answers
21
views
How to rotate globe to latlng and maintain globe west-east
Rotating a 3D globe to focus on a particular latitude and longitude.
Ensuring that post-rotation, the globe's spin axis aligns with the
global West-to-East direction, akin to how the real Earth ...
- 37
0
votes
0
answers
19
views
3D structures, involving a significant number of objects.(In THREE React Fiber )
I'm developing a 3D application where users create geometry (planes). As the number of planes increases, performance suffers due to high draw calls. How can I effectively optimize draw calls and plane ...
0
votes
1
answer
39
views
Increase the dimensions of the loaded gltf model in Three js
I loaded a 3d model with gltf extension using GLTFLoader in Three.js.
const loader= new GLTFLoader();
//background box
loader.load('../../assets/backgroundBox.gltf',function(gltf){
...
- 1
0
votes
0
answers
38
views
Decals not working with instanced meshes, in Three.js
Been dabbling around with decals for a while. While it works like a charm with normal meshes, it doesn’t work with instanced meshes. How can I make it work with an instanced mesh? Does it require ...
- 221