https://codesandbox.io/s/basic-demo-forked-yup2o?file=/src/App.js I have the above sandbox of a spherical word cloud consisting of random words – I’m trying to modify the code so rather than random words, the cloud can display words from a list of my choosing, for example let MyList = [‘React’, ‘Node’, ‘SQL’, ‘NoSQL’, ‘TDD’, ‘JavaScript’, ‘Python’, ‘Git’, ‘Excel’, ‘ReactNative’, ‘HTML’, ‘CSS’, ‘TypeScript’, ‘Java’, ‘Angular’, ‘Django’] I
Tag: three.js
Why when I change position about the axis(x, y), my figure change shape like in picture below?
When I change position about the axis(x, y), my figure change shape like in picture below. How can I fix it? I’m using Three.js. Answer If you want to maintain the shape of your figure when you change the position, you’ll need to switch to an orthographic projection. To do so in three.js you’ll need to replace your PerspectiveCamera with
Can lights be reused in three js?
Is it mandatory to specify three JS lights every time a 3d model is loaded? When rendering is done on software’s like Maya, there is a light and camera config that is done. Is there a way to export that as a part of OBJ file? If we can reuse the same light config, then the code can be generic
ThreeJS Match GLTF Model To Size Of Bounding Box
I want to scale the imported GLB Model to the same size a cube in my scene. It is needed to make sure that the model stays inside the shadow casting areas and is big enough to make the shadows visible. I ‘ve calculated the bounding Boxes of both objects already: and but now I do not know what to
THREE.js obj not loading in vue
I’m really confused about the way vue and THREE.js work together. I am using the exact same obj, once in a plain js environment – where it works perfectly fine – and once in vue.js, where the canvas stays empty and the dev console shows several warnings. The code I used in js is the exact same as in vue
Three.js Materials are reversed depending on direction of view
I am using Three.js to model a home. The idea is that I can show the home to an architect and discuss it further. The project is supposed to be walkable, so I put together it all on this site. If you visit the site to view the code, use arrow keys to move horizontally relative to the grass, use
Using an Object’s postion for an Event in AFrame
I’m trying to make a component that checks the current position of a sphere in an AFrame scene and when it hits a specific coordinate and when it does it fires an event (In example below it resets it to its default position): I’m not sure what format is returned when .getAttribute(“position”) is called so that may be why it’s
Three.JS: Move 3D cube with accelerometer data over x an y-axis
Following my previous post I am developing a 3D model that moves based on input from accelerometer and gyroscope sensors. The 3D model is written with three.js, and the input data for rotation and translation are in JSON format. Currently the 3D cube moves in 3D space but I have two main problems: The 3D cube move off boundary when
Use three.js in google web app script – not able to use the script module type to load three.js
I would like to use three.js in the google web script to load 3D CAD file, while in the installation instruction on threejs.org it explains the script need to be “module” type. At the same time, it looks like the google web app script does not support the “module” after I googled around for several days. Is there anyone ever
(Three.JS) How to loop/lerp through more than two colors (three colors)?
I’m working on a project in the Three.JS Online Editor. I’m trying to make a Day / Night Cycle. It should loop through colors, setting the scene background colors, like this: Day Sunrise/Sunset Night Sunrise/Sunset Day … Etc., etc., And it should loop through these, forever. I’ve gotten it to loop through two colors, but I can’t seem to get