Skip to content

v-light-helper 🔆

With the new directive v-light-helper provided by TresJS, you can quickly add the respective helper to your lights with just one line of code 😍.

The following lights are supported:

  • DirectionalLight
  • PointLight
  • SpotLight
  • HemisphereLight
  • RectAreaLightHelper

Usage

vue
<script setup lang="ts">
import { vLightHelper } from '@tresjs/core'
import { OrbitControls, Sphere,  } from '@tresjs/cientos'
</script>
<template>
  <TresCanvas >
    <TresPerspectiveCamera :position="[0, 2, 5]" />
    <TresDirectionalLight
      v-light-helper
    />
    <TresPointLight
      v-light-helper
    />
    <TresSpotLight
      v-light-helper
    />
    <TresHemisphereLight
      v-light-helper
    />
  </TresCanvas>
</template>