scale GLTF correctly

[PaganViking]

How do you scale GLTF model ?
Non of this work !

const { nodes, materials } = useGLTF("models/kurvStrait.gltf", false)

Not scaling
<primitive object={nodes.KurvMesh} scale={[size[0],size[1],size[2]]} />
Not scaling
<mesh name="model" scale={[size[0],size[1],size[2]]} geometry={nodes.KurvMesh.geometry} >
Not scaling
<mesh name="model" scale={[size[0],size[1],size[2]]} > <bufferGeometry attach="geometry" {...nodes.KurvMesh.geometry} /> <meshStandardMaterial attach="material" color="blue" /> </mesh>

[drcmda]

Scale scales the object, all three are correct and will work. Most likely "size" contains wrong data. Btw if size is an array, scale={size} is enough.

[PaganViking]

Blue Wire basket: GLTF format 3d max 2017 Units: Lightning Inits: International Dimensions: 1,1,1 Scale factor: 100

const { nodes, materials } = useGLTF("models/kurvStrait.gltf")
<mesh ref={ref} name="model1" position={[0,0,0]} rotation={[0,0,0]} scale={[0.35,1,0.4]} layers={0}>
<bufferGeometry attach="geometry" {...nodes.KurvMesh.geometry} />
<meshStandardMaterial attach="material" color="blue" />
</mesh>

Red Wire basket: FBX format 3d max 2017 Units: Lightning Inits: International Dimensions: 1,1,1 FBX format Binery FBX 2014/2015

const fbx = useFBX("models/kurvStrait.fbx");
const model = useMemo(() => fbx.clone(true), []);
<mesh ref={ref} name="model1" position={[0,0,0]} rotation={[0,0,0]} scale={[0.35,0.4,1]} layers={0}>
<bufferGeometry attach="geometry" {...model.children[0].geometry} />
<meshStandardMaterial attach="material" color="red" />
</mesh>

As you can see Blue wire basket is scaling wrong and has other axis.
Red wire basket is scaling correct but rotation is wrong and trying too rotate in code will distort the model and it doesn't matter if I rotate it in 3d max, it still rotates wrong.

They are supposed to fit in the Turquoise frame witch is 0.35 in width and 0.4 in depth.

This scales and rotate it correct, but then I can't change material or color !
<primitive object={model} scale={[0.35,0.15,0.4]} />

Anyone have any ideas ?

[PaganViking]

Fixed it, you must add public in the path.
npx @react-three/gltfjsx public/models/kurvStrait.gltf

But it will still not scale like a primitive !

[drcmda]

make a codesandbox where you have both, a component using primitive and the jsx graph. i'll take a look then.

[PaganViking]

Here is a codesandbox on scaling fbx and gltf :
Remember to click the button "New section" !
https://codesandbox.io/s/awesome-water-85y6m?file=/src/App3D.js

[drcmda]

i do not understand what you mean tbh. you are the one that is scaling it. the way you scale it is then wrong, i take it. but why don't you just scale it correctly then? in your comments you dump the thing into the scene ---as is--- via primitive and you go "rotation axis is a little off", but how can that be - this is obviously related to the model itself, not threejs.

there is no different between primitive and gltfjsx: https://codesandbox.io/s/floating-shoe-forked-kyuf6?file=/src/App.js

both are the exact same, no differences in scaling or rotation.

as i suspected, there is a group wrapping the model that scales to 100/100/100, which is ok - it means the scale hasn't been applied in blender or wherever the model comes from.

[drcmda]

ps. you can compress the model to almost nothing with draco. it goes from 1.3mb to 29k

~/Downloads/bof29/public/models 6s                                                                      
❯ npx @react-three/gltfjsx kurvStrait.gltf                                          
npx: installed 278 in 28.716s
 Done:  KurvStrait.js

~/Downloads/bof29/public/models                                                                         
❯ npx gltf-pipeline -i kurvStrait.gltf -o kurvStrait.glb --draco.compressionLevel=10
npx: installed 38 in 4.118s
Total: 891.862ms

~/Downloads/bof29/public/models 31s                                                                     
❯ la
total 4088
-rw-r--r--  1 paulhenschel  staff   687B Dec  3 09:40 KurvStrait.js
-rwxr-xr-x@ 1 paulhenschel  staff   1.3M Dec  3 08:22 kurvStrait.bin
-rwxr-xr-x@ 1 paulhenschel  staff   628K Dec  3 08:22 kurvStrait.fbx
-rw-r--r--  1 paulhenschel  staff    29K Dec  3 09:40 kurvStrait.glb
-rwxr-xr-x@ 1 paulhenschel  staff   1.1K Dec  3 08:22 kurvStrait.gltf

[PaganViking]

In my codesandbox: https://codesandbox.io/s/awesome-water-85y6m?file=/src/App3D.js
The 3 top wire baskets are the same .fbx file
The 3 bottom wire baskets are the same .gltf file

I want them all to be the width and depth of the grey column, because i want to be able to change size of each.
You can test that in the codesandbox.

The .fbx file scale same as the grey column but rotates the wrong way when i implement it with mesh geometry or bufferGeometry.

The .gltf file will not scale as the grey column when i implement it with primitive object, mesh geometry and bufferGeometry.
I have exported the gltf file from 3D studio max with scale factor 100, 10 and 1. I i use lighting units international as measure.
It doesn't matter it still will not scale to the same width and depth as the grey column.

Any tips are appreciated.
Thanks :-)

[PaganViking]

It was the 3d studio max 2017 export problem

I fixed the fbx mesh rotation problem by changing the pivot rotation in 3d max like in the video.
https://youtu.be/W4FaK9Rp2Gc?t=46

Then I fixed the gltf file size problem by not exporting it from max but uploading the fbx file to this converter:
https://blackthread.io/gltf-converter
and convert it to gltf.

[OR13]

^ This seems to be something not good.