Scale vs args boxBufferGeometry

[Kinatzo]

What is better?

1. Use mesh scale for box dimensions:

function Box1({ width, height, length }: { width: number; height: number; length: number }): JSX.Element {
  return (
    <mesh scale={[width, height, length]}>
      <boxBufferGeometry />
    </mesh>
  );
}

2. Use boxBufferGeometry args for box dimensions:

function Box2({ width, height, length }: { width: number; height: number; length: number }): JSX.Element {
  return (
    <mesh>
      <boxBufferGeometry args={[width, height, length]} />
    </mesh>
  );
}

[drcmda]

scale is better because args re-construct the object from scratch:

<boxGeometry args={[1, 2, 3]} />

is the same as writing

const box1 = new THREE.BoxGeometry(1, 2, 3)

scale on the other hand just stretches the object, and in a cubes case that's the same as providing args.

btw boxBufferGeometry is deprecated. everything is now just [name]Geometry and it's buffergeometry as the only remaining geometry type in three.

[Kinatzo]

Thank you!

[forerunrun]

scale is better

Hey @drcmda is it not possible to scale geometry in react/three? eg..

<boxGeometry args={[1, 2, 3]} scale={[1,2,1]} />

in plain three for example we can do...

const box1 = new THREE.BoxGeometry(1, 2, 3).scale(1,2,1)

i tried applying scale in geometry props which doesn't work as well as using a ref on geometry to try scaling in a useEffect but the function "scale doesn't exist", is this correct or am i missing something? being able to scale and rotate geometry independently of its mesh is crucial in some use cases...