Making a 3D news web app using javascript – https://shange-fagan.github.io/globe.news/ I am getting the message in the console that the position of my html element is set to absolute even though in the code I have explicitly set it to unset, here is my code: please let me know what I am doing wrong, not sure if its because the
Tag: three.js
Failed to resolve module specifier “three”. Relative references must start with either “/”, “./”, or “../”
I am currently trying to load a .obj model into my three.js project. I feel like I have all the code correct becasuse my code compiles without any errors, but when I go to Google Chrome’s console it is giving me this error. . mainpage.html mainpage.js Answer Try changing: To -> Basically, you’re adding an Import Map. I’m not sure
THREE.js collision detection and stop/move again
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
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