From a6244e76029ed24d8f07b6a2d18c6a8ce0202abc Mon Sep 17 00:00:00 2001 From: Christopher Chedeau Date: Sat, 14 Mar 2020 12:08:45 -0700 Subject: [PATCH] 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 :) --- src/renderer/renderScene.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/renderer/renderScene.ts b/src/renderer/renderScene.ts index 1f13e061..13666be9 100644 --- a/src/renderer/renderScene.ts +++ b/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(); }