python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - three.js

How to animate gtlf models in Augmented reality in Three.js

Helle, I'm new to Three.js and I'm trying to show an animated gltf/glb model in my AR project. There are a lot of examples on how to animate gltf models in a 3d environment but i can't get it to work ...
test-img

maxim weewauters

three.js

augmented-reality

gltf

webxr

glblendfunc

Votes: 0

Answers: 2

Latest Answer

In your animate function, it looks like you need something along the lines of: if (mixer) { mixer.update(delta); } Otherwise the animation mixer doesn't know that time is passing.
test-img

emackey

Serializing and deserializing geometry in three.js using toJSON and BufferGeometryLoader. Transferring geometries as string

First of all - I'm a beginner in three.js and I just want to share my experience. My task was to convert geometry into something and transfer it to another WebWorker(you cannot transfer all objects b...
test-img

GTFTT

javascript

serialization

three.js

deserialization

web-worker

Votes: 0

Answers: 1

Latest Answer

So, I thought I will die, but then I accidentally found that function: .toNonIndexed(). const box = new BoxBufferGeometry(); const geomJSON = box.toNonIndexed().toJSON(); const geometriesLoader = new ...
test-img

GTFTT

How to rotate an object to match a normal vector in three.js?

I have an object, lets say a car, and it's z-rotation is already set so its facing the direction its heading towards. The car is also on a ground which is on a slope (plane) that is represented by the...
test-img

omega

javascript

vector

three.js

Votes: 0

Answers: 1

Latest Answer

Just nest your car Mesh inside the ground Mesh, so the ground's rotations get inherited from parent to child. This way you can set the parent's rotation as the ground slope, and all you have to worry ...
test-img

M -

Three.js How do I define variables and/or positions after a gsap position change

Basically, what im trying to do is, that I have three cubes, and on each click they switch positions. This works fine when done once. Now, I added 3 Lines in the end of the function called "rotWo...
test-img

Hasan Kawaai Pikachu

javascript

jquery

three.js

gsap

Votes: 0

Answers: 1

Latest Answer

Okay, what you need to do here is to create the circle from 3 positions. let counter = -1; const positions = [ [5, 0, 5], [0, 0, 5.66], [-5, 0, 0] ]; const cubes = [i1, i2, i3]; With the ...
test-img

phucbm

Posts

Questions

Blogs

Jobs