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 - gltf

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

Accessing children of children in ThreeJS

I've been learning ThreeJs and boy did I get stuck trying to call my files. Let me start by explaining what I wanted to do! i have 3 models to display on a page, as people scroll a different emoji sho...
test-img

Mar

javascript

three.js

gltf

Votes: 0

Answers: 1

Latest Answer

I had some trouble accessing the children of a shirt model, so I created an object with the names of the children (as named in Blender) as properties for easier access. Maybe this will help you: ...
test-img

Jos

How can I place a GLTF model behind a stencil mask in three.js?

I'm using a stencil mask in Three.js to create a portal effect. It works correctly on meshes when I can control the material. However, when I load a gltf model with the model's material I cannot get i...
test-img

JonA

three.js

webgl

portal

gltf

Votes: 0

Answers: 1

Latest Answer

I figured it out! Example of the model hiding correctly behind the stencil: https://codepen.io/jattfield/pen/jOaEZmJ Model hiding correctly behind the stencil skinnedMesh.material.stencilFunc = THREE....
test-img

JonA

GLTFLoader.js - TypeError: Failed to fetch (Three.js)

I've created a three.js scene with a few various loaded assets leveraging the GLTFLoader.js loader. My scene was working as expected until recently, and now I've been experiencing issues with getting ...
test-img

rahlf23

three.js

gltf

Votes: 0

Answers: 1

Latest Answer

As mentioned by @emackey in the comments, it appears that the root of the issue is grounded in a JSON parsing issue in the caching logic of GLTFLoader.js, which leads to a rejected promise in parser.g...
test-img

rahlf23

Posts

Questions

Blogs

Jobs