Groupes

Un <TresGroup> est une instance de la classe THREE.Group qui est quasiment la même que THREE.Object3D mais qui permet de regrouper plusieurs objets dans la scène afin qu'ils puissent être manipulés comme une seule unité (transformation, rotation, etc.).

Usage

<script setup lang="ts">
const groupRef = ref()
const { onLoop } = useRenderLoop()

onLoop(() => {
  if (groupRef.value) {
    groupRef.value.rotation.y += 0.01
  }
})
</script>
<template>
  <TresCanvas>
    <TresGroup ref="groupRef" :position="[2,0,0]">
      <TresMesh>
        <TresBoxGeometry />
        <TresMeshBasicMaterial color="red" />
      </TresMesh>
      <TresMesh>
        <TresSphereGeometry />
        <TresMeshBasicMaterial color="blue" />
      </TresMesh>
    </TresGroup>
  </TresCanvas>
</template>