Browse Source

Better looking pointer (#943)

Instead of a crude circle, this makes it look more like a pointer. I manually tweaked the numbers until it looked like a pointer :)
Christopher Chedeau 5 years ago
parent
commit
a6244e7602
1 changed files with 5 additions and 1 deletions
  1. 5 1
      src/renderer/renderScene.ts

+ 5 - 1
src/renderer/renderScene.ts

@@ -178,7 +178,11 @@ export function renderScene(
   for (const clientId in sceneState.remotePointerViewportCoords) {
     const { x, y } = sceneState.remotePointerViewportCoords[clientId];
     context.beginPath();
-    context.arc(x, y, 5, 0, 2 * Math.PI);
+    context.moveTo(x, y);
+    context.lineTo(x + 1, y + 14);
+    context.lineTo(x + 4, y + 9);
+    context.lineTo(x + 9, y + 10);
+    context.lineTo(x, y);
     context.fill();
     context.stroke();
   }