fix relateive touch pos

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "kaboom",
 	"description": "kaboom.js is a JavaScript library that helps you make games fast and fun!",
-	"version": "3000.0.13",
+	"version": "3000.0.14",
 	"license": "MIT",
 	"homepage": "https://kaboomjs.com/",
 	"repository": "github:replit/kaboom",

src/app.ts

@@ -692,15 +692,19 @@ export default (opt: {
 		e.preventDefault()
 		state.events.onOnce("input", () => {
 			const touches = [...e.changedTouches]
+			const box = state.canvas.getBoundingClientRect()
 			if (opt.touchToMouse !== false) {
-				state.mousePos = new Vec2(touches[0].clientX, touches[0].clientY)
+				state.mousePos = new Vec2(
+					touches[0].clientX - box.x,
+					touches[0].clientY - box.y,
+				)
 				state.mouseState.press("left")
 				state.events.trigger("mousePress", "left")
 			}
 			touches.forEach((t) => {
 				state.events.trigger(
 					"touchStart",
-					new Vec2(t.clientX, t.clientY),
+					new Vec2(t.clientX - box.x, t.clientY - box.y),
 					t,
 				)
 			})
@@ -712,40 +716,64 @@ export default (opt: {
 		e.preventDefault()
 		state.events.onOnce("input", () => {
 			const touches = [...e.changedTouches]
+			const box = state.canvas.getBoundingClientRect()
 			if (opt.touchToMouse !== false) {
-				state.mousePos = new Vec2(touches[0].clientX, touches[0].clientY)
+				state.mousePos = new Vec2(
+					touches[0].clientX - box.x,
+					touches[0].clientY - box.y,
+				)
 				state.events.trigger("mouseMove")
 			}
 			touches.forEach((t) => {
-				state.events.trigger("touchMove", new Vec2(t.clientX, t.clientY), t)
+				state.events.trigger(
+					"touchMove",
+					new Vec2(t.clientX - box.x, t.clientY - box.y),
+					t,
+				)
 			})
 		})
 	}
 
 	canvasEvents.touchend = (e) => {
 		state.events.onOnce("input", () => {
 			const touches = [...e.changedTouches]
+			const box = state.canvas.getBoundingClientRect()
 			if (opt.touchToMouse !== false) {
-				state.mousePos = new Vec2(touches[0].clientX, touches[0].clientY)
+				state.mousePos = new Vec2(
+					touches[0].clientX - box.x,
+					touches[0].clientY - box.y,
+				)
 				state.mouseState.release("left")
 				state.events.trigger("mouseRelease", "left")
 			}
 			touches.forEach((t) => {
-				state.events.trigger("touchEnd", new Vec2(t.clientX, t.clientY), t)
+				state.events.trigger(
+					"touchEnd",
+					new Vec2(t.clientX - box.x, t.clientY - box.y),
+					t,
+				)
 			})
 		})
 	}
 
 	canvasEvents.touchcancel = (e) => {
 		state.events.onOnce("input", () => {
 			const touches = [...e.changedTouches]
+			const box = state.canvas.getBoundingClientRect()
 			if (opt.touchToMouse !== false) {
-				state.mousePos = new Vec2(touches[0].clientX, touches[0].clientY)
+				state.mousePos = new Vec2(
+					touches[0].clientX - box.x,
+					touches[0].clientY - box.y,
+				)
 				state.mouseState.release("left")
 				state.events.trigger("mouseRelease", "left")
 			}
 			touches.forEach((t) => {
-				state.events.trigger("touchEnd", new Vec2(t.clientX, t.clientY), t)
+				state.events.trigger(
+					"touchEnd",
+					new Vec2(t.clientX - box.x, t.clientY - box.y),
+					t,
+				)
 			})
 		})
 	}

src/kaboom.ts

@@ -1,4 +1,4 @@
-const VERSION = "3000.0.13"
+const VERSION = "3000.0.14"
 
 import initApp from "./app"