v-distance-to

你有尝试过计算两个Object3Ds之间的距离吗？

有了新的指令 v-distance-to ，比之前更容易了，你只需指定目标对象进行测量，结果将打印在控制台中。

此外，将创建一个箭头来指示你正在测量的对象。

<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>

v-distance-to是响应式的，因此它与 @tres/leches 完美配合🍰.

WARNING

v-distance-to 不会在renderLoop中测量运动中的对象。