v-distance-to

¿Has intentado calcular la distancia entre dos Object3D?

Con la nueva directiva v-distance-to es más fácil que nunca, solo debes indicar el objeto objetivo para realizar la medida y el resultado aparecerá en tu consola.

Además, se creará una flecha para indicar qué objetos estás midiendo.

<script setup lang="ts">
import { OrbitControls, Sphere, vLog } from '@tresjs/cientos'
</script>
<template>
  <TresCanvas v-bind="gl">
    <TresPerspectiveCamera :position="[0, 2, 5]" />
    <Sphere
      ref="sphere1Ref"
      :position="[-2, slider, 0]"
      :scale="0.5"
    />
    <Sphere
      v-distance-to="sphere1Ref"
      :position="[2, 0, 0]"
      :scale="0.5"
    />
    <TresGridHelper :args="[10, 10]" />
    <OrbitControls />
  </TresCanvas>
</template>

El uso de v-distance-to es reactivo, por lo que funciona perfectamente con @tres/leches 🍰.

WARNING

v-distance-to no medirá un objeto en movimiento dentro del renderLoop.