Questions tagged [three.js]
Three.js is a lightweight cross-browser JavaScript library/API used to create and display animated 3D computer graphics on a Web browser. Three.js scripts may be used in conjunction with the HTML5 canvas element, SVG or WebGL.
three.js
21,186
questions
0
votes
0
answers
22
views
How to detecting and measuring edges of real world objects in AR using WebXR?
I am trying to build an AR measure App. The user will be able to measure distances using AR ( WebXR ). I have figured out the distance measure part and it is working fine. Currently I am using hit ...
0
votes
0
answers
37
views
Locomotive-scroll don't work in my code in R3F
Locomotive scroll doesn't work in my code. When I click on a 3D element it displays a modal with text and I'd like to add scrolling effects with locomotive, I don't get console errors but scrolling is ...
0
votes
0
answers
30
views
How to resolve the error 'Module parse failed: Unexpected token (13:12)' in react-native-web?
i'm trying building react-native with react-three-fiber on web by react-native-web
It works, but with react-three-fiber
Trying to import react-three-fiber/native according to the environment
I wrote ...
0
votes
0
answers
38
views
Three.js infinite scroll
I'm trying to implement an infinite scroll to this web page I'm building.
Basically what I want to do is as soon as one element (the card/box) is out of the camera view, it gets moved at the end of ...
0
votes
0
answers
15
views
Three.js Draco compression by gltf transform
I want to apply draco compression on the scene which is currently present in the scene without downloading. I know we can read a glb or gltf file from local. I want to read the scene currently present....
0
votes
0
answers
27
views
Three fiber properly initializing InstancedMesh with useEffect to prevent unnecessary updates
I am creating a three-fiber project of a globe with different markers in cities. The idea is that you can click on a marker to see information about the city.
To create the markers, I am using an ...
0
votes
0
answers
23
views
Raycasting and Hover Effect
Hello to everyone who's reading!
I'm building a website in THREE.js where you can scroll through "cards" that are seen isometrically, and I'm currently adding an animation when hovering over ...
1
vote
0
answers
27
views
ThreeJs codepen to React component
I've been trying to move this codepen.io to a react component, this what I did:
React Custom Hook
import { useEffect, useRef } from 'react';
import * as THREE from 'three';
import { createNoise4D } ...
0
votes
0
answers
51
views
How to apply a minecraft skin texture to my model and add the outer layer to the model?
I want to add minecraft skin model to my website using three.js:
I'm using next.js, so to interact with three.js I use @react-three/fiber and @react-three/drei.
I just started learning three.js and ...
0
votes
0
answers
21
views
What is the proper way to Mirror a SkinnedMesh in three.js?
I'm loading a glTF model of a right hand, and then loading it again (later I'll just clone the already-loaded one) and attempting to flip it in order to create a left hand.
I know a mesh/Object3D can ...
0
votes
0
answers
25
views
error with the path to import GLTF loader on threeJs
I had a problem who persist with a test project with three js...
i made my 3d models on blender anbd export him to .glb format and now try to imoport it to my scene with GLTF Loader but always the ...
0
votes
1
answer
25
views
Fetch Textures From a Collection
Hello everyone who's reading.
I'm trying to create a website where I can mouse scroll through "cards" that are all in a single line, seen with a iso view from the side.
I've set up the scene ...
1
vote
0
answers
40
views
How to Change the Initial Perspective of CameraControls?
I've written a React component where I'm trying to change the initial perspective of CameraControls, but I haven't been successful. Does anyone have any ideas?
The code to change the position of the ...
0
votes
1
answer
45
views
How can I display a GLTF File using Qwik and Three Js?
I have this current code setup in the qwik js framework to display a gltf file inside of my website using three js, but for whatever reason it simply doesn't display it. There are no error logs or ...
0
votes
0
answers
23
views
How to apply a shader texture to a GLB model element while preserving the native GLB texture?
I have a GLB model and I want to apply a shader texture to it in three.js
But I want to preserve the texture of the model that was created in Blender
Unfortunately, the shader completely overwrites ...