From 9daa8461bb300662230e79ce7ea132b50f2b7057 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20=C5=A0ediv=C3=BD?= <sedivy.miro@gmail.com>
Date: Sun, 14 Nov 2021 19:16:19 +0100
Subject: [PATCH] cursors add comments.

---
 src/component/cursors.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/component/cursors.vue b/src/component/cursors.vue
index 8b4f801b..edc9eac2 100644
--- a/src/component/cursors.vue
+++ b/src/component/cursors.vue
@@ -63,6 +63,7 @@
       this._overlay.width = width * CANVAS_SCALE
       this._overlay.height = height * CANVAS_SCALE
 
+      // store last drawing points
       this._last_points = {}
     }
 
@@ -76,18 +77,21 @@
     }
 
     // start as undefined to prevent jumping
-    private _prev_time!: number
+    private _last_animation_time!: number
+    // current animation progress (0-1)
     private _percent!: number
+    // points to be animated for each session
     private _points!: SessionCursors[]
+    // last points coordinates for each session
     private _last_points!: Record<string, Cursor>
 
     canvasAnimate(now: number = NaN) {
       // request another frame
-      if (this._percent <= 1) requestAnimationFrame(this.canvasAnimate)
+      if (this._percent <= 1) window.requestAnimationFrame(this.canvasAnimate)
 
       // calculate factor
-      const delta = (now - this._prev_time) / POS_INTERVAL_MS
-      this._prev_time = now
+      const delta = (now - this._last_animation_time) / POS_INTERVAL_MS
+      this._last_animation_time = now
 
       // skip very first delta to prevent jumping
       if (isNaN(delta)) return
@@ -95,9 +99,8 @@
       // set the animation position
       this._percent += delta
 
+      // clear & scale canvas
       this.canvasClear()
-
-      // scale
       this._ctx.setTransform(CANVAS_SCALE, 0, 0, CANVAS_SCALE, 0, 0)
 
       // draw current position
@@ -158,6 +161,7 @@
         return
       }
 
+      // draw inactive cursor tag
       this._ctx.save()
       this._ctx.font = '14px Arial, sans-serif'
       this._ctx.textBaseline = 'top'