From 066c7834acdac6bd16373e3a154b994d29c06594 Mon Sep 17 00:00:00 2001
From: jmoenig <jens@moenig.org>
Date: Wed, 17 Jun 2020 14:42:05 +0200
Subject: [PATCH] redesigned the gears symbol

---
 snap.html      |  2 +-
 src/symbols.js | 53 +++++++++++++++++++++++++++++++++++++-------------
 2 files changed, 41 insertions(+), 14 deletions(-)

diff --git a/snap.html b/snap.html
index 74d0b679..ade115b7 100755
--- a/snap.html
+++ b/snap.html
@@ -5,7 +5,7 @@
         <title>Snap! Build Your Own Blocks 6.0.0 - beta -</title>
         <link rel="shortcut icon" href="src/favicon.ico">
         <script type="text/javascript" src="src/morphic.js?version=2020-06-13"></script>
-        <script type="text/javascript" src="src/symbols.js?version=2020-05-28"></script>
+        <script type="text/javascript" src="src/symbols.js?version=2020-06-17"></script>
         <script type="text/javascript" src="src/widgets.js?version=2020-05-06"></script>
         <script type="text/javascript" src="src/blocks.js?version=2020-06-15"></script>
         <script type="text/javascript" src="src/threads.js?version=2020-06-15"></script>
diff --git a/src/symbols.js b/src/symbols.js
index bc788143..1024a628 100644
--- a/src/symbols.js
+++ b/src/symbols.js
@@ -41,7 +41,7 @@
 
 // Global stuff ////////////////////////////////////////////////////////
 
-modules.symbols = '2020-May-28';
+modules.symbols = '2020-June-17';
 
 var SymbolMorph;
 
@@ -527,21 +527,48 @@ SymbolMorph.prototype.renderSymbolGears = function (ctx, color) {
     // draw gears
     var w = this.symbolWidth(),
         r = w / 2,
-        e = w / 6;
+        spikes = 7,
+        off = 8,
+        shift = 12,
+        angle, i;
 
-    ctx.strokeStyle = color.toString();
-    ctx.lineWidth = w / 7;
+    ctx.fillStyle = color.toString();
     ctx.beginPath();
-    ctx.arc(r, r, e * 1.5, radians(0), radians(360), false);
-    ctx.moveTo(0, r);
+
+    // draw the spiked outline
+    ctx.moveTo(w, r);
+    angle = 360 / spikes;
+    for (i = 0; i < spikes; i += 1) {
+        ctx.arc(
+            r,
+            r,
+            r,
+            radians(i * angle),
+            radians(i * angle + off)
+        );
+        ctx.arc(
+            r,
+            r,
+            r * 0.7,
+            radians(i * angle - shift + angle * 0.5),
+            radians(i * angle + shift + angle * 0.5)
+        );
+        ctx.arc(
+            r,
+            r,
+            r,
+            radians((i + 1) * angle - off),
+            radians((i + 1) * angle)
+        );
+    }
     ctx.lineTo(w, r);
-    ctx.moveTo(r, 0);
-    ctx.lineTo(r, w);
-    ctx.moveTo(e, e);
-    ctx.lineTo(w - e, w - e);
-    ctx.moveTo(w - e, e);
-    ctx.lineTo(e, w - e);
-    ctx.stroke();
+
+    // draw the hole in the middle
+    ctx.arc(r, r, r * 0.3, radians(0), radians(360));
+
+    // fill
+    ctx.clip('evenodd');
+    ctx.fillRect(0, 0, w, w);
 };
 
 SymbolMorph.prototype.renderSymbolFile = function (ctx, color) {