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>