I need to illuminate a sphere with two directional lights, one in front to illuminate the front of the sphere like sunlight. And one towards the back to display the light of the cities. To do this, I play with…
Ive been trying to link my three.js function into html so that when an element is clicked by the mouse the js function runs in the external js file. I thought i had done everything right and followed correct steps…
I started to use ThreeJS a few months ago and that lead me to webgl. I watched a bunch of courses on youtube but most of them are oriented to 3d compositions. So far I got a basic understanding of…
so I got myself a 3d model of a umbrella which already comes with a animation which opens and closes it. Now i imported it into my project using Three.js and played the animation. Using the code I found out…
I'm trying to use a mesh I created in blender in threejs. The event log shows the file is being loaded but I cannot see it. Instead there is just a black screen. How do I go about this to…
import Spline from '@splinetool/react-spline'; import { useRef } from 'react'; export default function App() { function onLoad(spline) { const obj = spline.findObjectByName('Clink'); // console.log(spline.style) spline.style = {width:"100vw"} // spline.camera.position.z = 0 // spline.canvas.width = "1920px" // let can = Object.keys(spline.canvas)…
im making a shoe customizer and im having trouble with placing my canvas (of threejs) next to my div (the shoe customizer), i made a post asking the same question, but it didn't get resolved, i did adapt a few…
I have to fill an array with a lot of objects. My current Implementation is this: let useVertices = []; const len = this.indices.length; for(let i = 0; i < len; i++){ let index = this.indices[i]*3; useVertices.push(new THREE.Vector3( this.vertices[index], this.vertices[index+1],…
If you look at the following codepen, you'll see a white, shiny "cup" which is a .glb that been loaded in using Three's GLTFLoader: https://codepen.io/snakeo/pen/XWOoGPL However, when I apply a texture on a portion of the mug the shiny cup…
I have a cad model that I want to load with three.js and interact with it. The model is a machine that can perform individual movements. Rotations around joints etc. How can I implement this? How can I import the…