From bd64bbd29a38ae4979b2165d1fa9b9c76c2600d5 Mon Sep 17 00:00:00 2001
From: eleanor-park <eleanor_park@brown.edu>
Date: Tue, 18 Jun 2024 14:10:40 -0400
Subject: svg to bezier conversion

---
 src/client/views/GestureOverlay.tsx | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

(limited to 'src/client/views/GestureOverlay.tsx')

diff --git a/src/client/views/GestureOverlay.tsx b/src/client/views/GestureOverlay.tsx
index 2f26bdaef..dc6edf81d 100644
--- a/src/client/views/GestureOverlay.tsx
+++ b/src/client/views/GestureOverlay.tsx
@@ -242,15 +242,15 @@ export class GestureOverlay extends ObservableReactComponent<React.PropsWithChil
         this._points.length = 0;
         switch (shape) {
             case Gestures.Rectangle:
-                this._points.push({ X: left, Y: top });
-                this._points.push({ X: left, Y: top });
-                this._points.push({ X: right, Y: top });
-                this._points.push({ X: right, Y: top });
+                this._points.push({ X: left, Y: top }); // curr pt
+                this._points.push({ X: left, Y: top }); // curr first ctrl pt
+                this._points.push({ X: right, Y: top }); // next ctrl pt
+                this._points.push({ X: right, Y: top }); // next pt
 
-                this._points.push({ X: right, Y: top });
-                this._points.push({ X: right, Y: top });
-                this._points.push({ X: right, Y: bottom });
-                this._points.push({ X: right, Y: bottom });
+                this._points.push({ X: right, Y: top }); // next pt
+                this._points.push({ X: right, Y: top }); // next first ctrl pt
+                this._points.push({ X: right, Y: bottom }); // next next ctrl pt
+                this._points.push({ X: right, Y: bottom }); // next next pt
 
                 this._points.push({ X: right, Y: bottom });
                 this._points.push({ X: right, Y: bottom });
@@ -293,13 +293,13 @@ export class GestureOverlay extends ObservableReactComponent<React.PropsWithChil
                     const radius = Math.max(centerX - Math.min(left, right), centerY - Math.min(top, bottom));
 
                     // Dividing the circle into four equal sections, and fitting each section to a cubic Bézier curve.
-                    this._points.push({ X: centerX, Y: centerY + radius });
-                    this._points.push({ X: centerX + c * radius, Y: centerY + radius });
-                    this._points.push({ X: centerX + radius, Y: centerY + c * radius });
-                    this._points.push({ X: centerX + radius, Y: centerY });
+                    this._points.push({ X: centerX, Y: centerY + radius }); // curr pt
+                    this._points.push({ X: centerX + c * radius, Y: centerY + radius }); // curr first ctrl pt
+                    this._points.push({ X: centerX + radius, Y: centerY + c * radius }); // next pt ctrl pt
+                    this._points.push({ X: centerX + radius, Y: centerY }); // next pt
 
-                    this._points.push({ X: centerX + radius, Y: centerY });
-                    this._points.push({ X: centerX + radius, Y: centerY - c * radius });
+                    this._points.push({ X: centerX + radius, Y: centerY }); // next pt
+                    this._points.push({ X: centerX + radius, Y: centerY - c * radius }); // next first ctrl pt
                     this._points.push({ X: centerX + c * radius, Y: centerY - radius });
                     this._points.push({ X: centerX, Y: centerY - radius });
 
-- 
cgit v1.2.3-70-g09d2

