feat(core): use window pointer events

Tresjs · Mar 9, 2024 · 43cd1a4 · 43cd1a4
1 parent c870a3c
commit 43cd1a4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/components/TresCanvas.vue b/src/components/TresCanvas.vue
@@ -62,6 +62,7 @@ const props = withDefaults(defineProps<TresCanvasProps>(), {
   stencil: undefined,
   antialias: undefined,
   windowSize: undefined,
+  useWindowPointer: undefined,
   disableRender: undefined,
   useLegacyLights: undefined,
   preserveDrawingBuffer: undefined,

diff --git a/src/composables/usePointerEventHandler/index.ts b/src/composables/usePointerEventHandler/index.ts
@@ -21,7 +21,7 @@ export const usePointerEventHandler = (
   {
     scene: TresScene
     contextParts: Pick<TresContext, 'renderer' | 'camera' | 'raycaster'>
-    isWindow: boolean
+    isWindow?: boolean
   },
 ) => {
   const objectsWithEventListeners = reactive({

diff --git a/src/composables/useRaycaster/index.ts b/src/composables/useRaycaster/index.ts
@@ -21,7 +21,7 @@ interface PointerClickEventPayload {
 export const useRaycaster = (
   objects: Ref<THREE.Object3D[]>,
   { renderer, camera, raycaster }: Pick<TresContext, 'renderer' | 'camera' | 'raycaster'>,
-  isWindow: boolean,
+  isWindow?: boolean,
 ) => {
   // having a separate computed makes useElementBounding work
   const canvas = computed(() => renderer.value.domElement as HTMLCanvasElement)
@@ -98,7 +98,8 @@ export const useRaycaster = (
     window.addEventListener('pointerdown', onPointerDown)
     window.addEventListener('pointermove', onPointerMove)
     window.addEventListener('pointerleave', onPointerLeave)
-  } else { 
+  }
+  else { 
     canvas.value.addEventListener('pointerup', onPointerUp)
     canvas.value.addEventListener('pointerdown', onPointerDown)
     canvas.value.addEventListener('pointermove', onPointerMove)