fix: touch device ui click not getting correct coords

ashconnell · ashconnell · commit 8e1a5a44a409 · 2025-07-22T12:22:24.000+10:00
diff --git a/src/core/nodes/UI.js b/src/core/nodes/UI.js
@@ -168,9 +168,12 @@ export class UI extends Node {
         const canvas = this.canvas
         const world = this.ctx.world
         const onPointerEnter = e => {
+          const rect = canvas.getBoundingClientRect()
+          const x = (e.clientX - rect.left) * this._res
+          const y = (e.clientY - rect.top) * this._res
           hit = {
             node: this,
-            coords: new THREE.Vector3(0, 0, 0),
+            coords: new THREE.Vector3(x, y, 0),
           }
           world.pointer.setScreenHit(hit)
         }

Original file line number	Diff line number	Diff line change
`@@ -168,9 +168,12 @@ export class UI extends Node {`
`168`	`168`	`const canvas = this.canvas`
`169`	`169`	`const world = this.ctx.world`
`170`	`170`	`const onPointerEnter = e => {`
	`171`	`+ const rect = canvas.getBoundingClientRect()`
	`172`	`+ const x = (e.clientX - rect.left) * this._res`
	`173`	`+ const y = (e.clientY - rect.top) * this._res`
`171`	`174`	`hit = {`
`172`	`175`	`node: this,`
`173`		`- coords: new THREE.Vector3(0, 0, 0),`
	`176`	`+ coords: new THREE.Vector3(x, y, 0),`
`174`	`177`	`}`
`175`	`178`	`world.pointer.setScreenHit(hit)`
`176`	`179`	`}`