|
@@ -15,7 +15,7 @@ interface PointerClickEventPayload {
|
|
|
}
|
|
|
|
|
|
export const useRaycaster = (objects: Ref<THREE.Object3D[]>) => {
|
|
|
- const { state } = useTres()
|
|
|
+ const { state, setState } = useTres()
|
|
|
|
|
|
const canvas = computed(() => state.canvas?.value) // having a seperate computed makes useElementBounding work
|
|
|
|
|
@@ -25,6 +25,8 @@ export const useRaycaster = (objects: Ref<THREE.Object3D[]>) => {
|
|
|
|
|
|
const raycaster = new Raycaster()
|
|
|
|
|
|
+ setState('raycaster', raycaster)
|
|
|
+
|
|
|
const getRelativePointerPosition = ({ x, y }: { x: number; y: number }) => {
|
|
|
if (!canvas.value) return
|
|
|
|