Gltf model goes wrong with shadow

Questions
,
1

Hey guys. I was trying to load my GLTF model made up by Blender in my three.js
I used the following code

                loader.load( 'island.gltf', function ( gltf ) {
                    scene.add(gltf.scene);
                } );

it worked like this, it looks ok.

2021-08-14 (3)
2021-08-14 (3)1799×729 21.8 KB

but then I wish to make it cast a shadow,
so I use the following code

				loader.load( 'island.gltf', function ( gltf ) {
					gltf.scene.traverse( function( node ) {
					if ( node.isMesh ) { 
						node.position.set(0,10,0);
						node.castShadow = true;
						node.reseiveShadow = true;
						}
					} );
					scene.add(gltf.scene);
				} );

It does cast a shadow, but the model itself just move apart like this

2021-08-14 (5)
2021-08-14 (5)1870×829 27.4 KB

I am wondering to know how to fix this problem?
Thank you!

2

that is your problem

1 Like
3

It seems your model consists of multiple individual objects which are grouped together in form of a hierarchy. With the above code, you translate all of these objects.

I assume you just want to move the model up so do this instead:

gltf.scene.position.set(0,10,0);
1 Like
5

Thank you!

6

Thank you, I solved it!