I have a rounded ground and there is a ball on it. trying to move the ball inside the ground with using smartphone orientation. no problem with that part. the ball is moving and make the ball stop at the edge by using three.js intersectsSphere. but couldn’t manage the move the ball again if the orientation points opposite direction. here
Tag: three.js
How to find all mesh faces illuminated by a SpotLight?
I have a THREE.Mesh consisting of a THREE.BufferGeometry with “position” and “normal” THREE.BufferAttributes. The mesh is illuminated by a THREE.SpotLight (a cone-shaped light source). Is there a way to find all mesh faces illuminated by the cone? There are no other objects in the scene so I don’t need to worry about blocking. Answer A basic approach From a very
Get geometry and material of 3D Model – Three.js
I am attempting to make one 3D model orbit another, but as soon as I change my mesh from a wireframe box to a 3D Model’s geometry it disappears. What am I doing wrong? I get no errors, I have a feeling it may be to do with the scale of the 3D model but I’m unsure. Am I getting
Creating three plane geometry perpendicular to x, y and z axis?
I am supposed to create three plane geometries to the scene (one perpendicular to x axis, one perpendicular to y axis and one perpendicular to z axis) that would somewhat look like this. So, herein is my code below for the same: The output for the same is just appearing this way disappointingly: I was wondering how do I make
How do I know what is the size limit for constructing a Set in JavaScript?
I am making a tool for deleting geometry from a model in browser. At some step of the deletion process, I take an array full of indexes and create a Set from it to get the array of unrepeated indexes. This function has worked good for many models at the beginning. Since I want to process the deletion as fast
How to download all of three.js
I’ve been following this documentation on three.js and downloaded the entire (or so I thought) library from here. But every now and then I run into these functionalities like OrbitControl and OBJLoader and I can’t seem to find it within the downloaded three.js library. What is the problem? Are these just extensions to the main framework? How do I go
How to cut a figure (3D model) with a plane into 2 parts?
please tell me how to cut a figure into a plane into 2 parts, something like in the picture I tried to do as on this link, but it did not work, maybe someone else will tell you how you can divide the figure into 2 parts Three JS – How to cut a 3D object with Y plane? Answer
Three js hdr turns off but never back on
I’m trying to turn on and off a hdr map in three js. This is how I create it }) So far so good. I then add it to the gui: Finally, I try to specify the on/off logic, but when I read the console logs, it’s always printing ‘false’ Note that the hdr loads correctly, turns off correctly when
GLTF : Metalness difference between my scene and THREE.JS editor https://threejs.org/editor/
I’ve got a gltf file. When I import it inside the Three.js editor (https://threejs.org/editor/) I get a correct result when I add an environment map. On the other hand, when I import my gltf in my project scene I’ve a different result. Even when I use the very same HDRI image. The metalness is way too shinny in this case.
How to control .glb model animations in A-FRAME via Three.js
I’m trying to play a glb animation in A-FRAME with Three.js, now it works just for a second and then it stop, could someone help me please? this is my code: Answer Wait until the model is loaded with: update the animation in the renderloop – on each tick. You could use an interval or something else, but aframe has