v good

src/game-loop/pointer-input.ts

@@ -110,11 +110,14 @@ export class GardenPointerInput {
       return;
     }
 
+    const position = this.getCanvasPointerPosition(event);
     this.options.audio.start(activeVibe, { userGesture: event.isTrusted });
     this.options.audio.beginGesture();
     this.options.audio.touchDown({
       vibe: activeVibe,
       colorIndex: settings.selectedColorIndex,
+      position,
+      canvasSize: this.options.getCanvasSize(),
       mirrorSegmentCount: this.options.getMirrorSegmentCount(),
       pressure: this.getPointerPressure(event),
       pointerType: event.pointerType,
@@ -174,12 +177,8 @@ export class GardenPointerInput {
   };
 
   private addSwipeAt(event: PointerEvent, options: { emitAudio?: boolean } = {}): void {
-    const rect = this.canvas.getBoundingClientRect();
     const devicePixelRatio = this.options.getDevicePixelRatio();
-    const position = vec2.fromValues(
-      (event.clientX - rect.left) * devicePixelRatio,
-      (event.clientY - rect.top) * devicePixelRatio
-    );
+    const position = this.getCanvasPointerPosition(event);
     const previousPosition = this.lastPointerPosition ?? position;
     const previousTimeMs = this.lastPointerEventTimeMs ?? event.timeStamp;
     const elapsedSeconds = Math.max(
@@ -219,6 +218,7 @@ export class GardenPointerInput {
         isErasing: this.isErasing,
         pressure: pressure > 0 ? pressure : this.lastPointerPressure,
         velocityPixelsPerSecond,
+        elapsedSeconds,
         eraserSizePixels: settings.eraserSize * devicePixelRatio,
         mirrorSegmentCount: this.options.getMirrorSegmentCount(),
         pointerType: event.pointerType,
@@ -228,6 +228,15 @@ export class GardenPointerInput {
     this.lastPointerEventTimeMs = event.timeStamp;
   }
 
+  private getCanvasPointerPosition(event: PointerEvent): vec2 {
+    const rect = this.canvas.getBoundingClientRect();
+    const devicePixelRatio = this.options.getDevicePixelRatio();
+    return vec2.fromValues(
+      (event.clientX - rect.left) * devicePixelRatio,
+      (event.clientY - rect.top) * devicePixelRatio
+    );
+  }
+
   private addSmoothedBrushSample(position: vec2): void {
     const previousSample =
       this.smoothedStrokePoints[this.smoothedStrokePoints.length - 1];