Un <TresGroup>
es una instancia de la clase THREE.Group que es casi igual a un THREE.Object3D pero te permite juntar objectos múltiples en la escena para que pueden ser manipulados como una unidad singular (transformación, rotación, etc).
<script setup lang="ts">
const groupRef = ref()
const { onLoop } = useRenderLoop()
onLoop(() => {
if (groupRef.value) {
groupRef.value.rotation.y += 0.01
}
})
</script>
<template>
<TresGroup ref="groupRef" :position="[2,0,0]">
<TresMesh>
<TresBoxGeometry />
<TresMeshBasicMaterial color="red" />
</TresMesh>
<TresMesh>
<TresSphereGeometry />
<TresMeshBasicMaterial color="blue" />
</TresMesh>
</TresGroup>
</template>