feat: initial commit of Measure Time clock face

apps/measure_time/ChangeLog

@@ -0,0 +1 @@
+0.1: Initial release

apps/measure_time/README.md

@@ -0,0 +1,7 @@
+# Measure Time
+
+Measure time in a fancy way. Inspired by a Watchface I had on my first Pebble Watch.
+
+Written by [prefectAtEarth](https://www.github.com/prefectAtEarth)
+
+![](measuretime.png)

apps/measure_time/measuretime.js

@@ -0,0 +1,187 @@
+{
+  require("Font7x11Numeric7Seg").add(Graphics);
+  g.setFont("7x11Numeric7Seg");
+  g.setFontAlign(0,0);
+
+  const centerX = g.getWidth() / 2, //88
+    centerY = g.getHeight() / 2; //88
+  const lineStart = 25;
+  const lineEndFull = 110;
+  const lineEndHalf = 90;
+  const lineEndQuarter = 70;
+  const lineEndDefault = 50;
+
+  let drawTimeout;
+
+  let queueDrawTime = function () {
+    if (drawTimeout) clearTimeout(drawTimeout);
+    drawTimeout = setTimeout(function () {
+      drawTimeout = undefined;
+      drawTime();
+    }, 60000 - (Date.now() % 60000));
+  };
+  
+  let drawCenterLine = function () {
+    // center line
+    g.drawLineAA(0, centerY, g.getWidth(), centerY);
+    // left decoration
+    var steps = [0,1,0,0,1,0,1,1,1,1,1,1,1,1,1,1,1];
+    var stepsReversed = steps.slice();
+    stepsReversed.reverse();
+    var polyLeftTop = [];
+    var polyLeftBottom = [];
+    var polyRightTop = [];
+    var polyRightBottom = [];
+    let xL = 0;
+    let xR = g.getWidth();
+    let yT = centerY - 13;
+    let yB = centerY + 13;
+
+    for(i = 0; i < steps.length; i++) {
+      xL += steps[i];
+      xR -= steps[i];
+      yT += stepsReversed[i];
+      yB -= stepsReversed[i];
+      
+      // Left Top
+      polyLeftTop.push(xL);
+      polyLeftTop.push(yT);
+
+      // Left Bottom
+      polyLeftBottom.push(xL);
+      polyLeftBottom.push(yB);
+
+      // Right Top
+      polyRightTop.push(xR);
+      polyRightTop.push(yT);
+
+      // Right Bottom
+      polyRightBottom.push(xR);
+      polyRightBottom.push(yB);
+    }
+
+    polyLeftTop.push(0,88);
+    polyLeftBottom.push(0,88);
+    polyRightTop.push(g.getWidth(),88);
+    polyRightBottom.push(g.getWidth(),88);
+
+    g.fillPolyAA(polyLeftTop,true);
+    g.fillPolyAA(polyLeftBottom,true);
+    g.fillPolyAA(polyRightTop,true);
+    g.fillPolyAA(polyRightBottom,true);
+  };
+
+  let drawTime = function () {
+    g.clear();
+    var d = new Date();
+    var mins = d.getMinutes();
+
+    var offset = mins % 5;
+    var yTopLines = centerY - offset;
+    var topReached = false;
+
+    var yBottomLines = centerY - offset + 5;
+    var bottomReached = false;
+
+    if (g.theme.dark) {
+      g.setColor(1,1,1);
+    } else {
+      g.setColor(0,0,0);
+    }
+    drawCenterLine();
+
+    var lineEnd = lineEndDefault;
+    g.setFont("7x11Numeric7Seg", 2);
+    g.setFontAlign(0,0);
+
+    // gone
+    do {
+      switch (yTopLines - 88 + mins) {
+        case -60:
+          lineEnd = lineEndFull;
+          g.drawString(d.getHours() - 1, lineEnd + 10, yTopLines, true);
+          break;
+        case 0:
+        case 60:
+          lineEnd = lineEndFull;
+          g.drawString(d.getHours(), lineEnd + 10, yTopLines, true);
+          break;
+        case 45:
+        case -45:
+        case 15:
+        case -15:
+        case -75:
+          lineEnd = lineEndQuarter;
+          break;
+        case 30:
+        case -30:
+          lineEnd = lineEndHalf;
+          break;
+        default:
+          lineEnd = lineEndDefault;
+      }
+      g.drawLineAA(lineStart, yTopLines, lineEnd, yTopLines);
+
+      yTopLines -= 5;
+      if (yTopLines < -4) {
+        topReached = true;
+      }
+    } while (!topReached);
+
+    // upcoming
+    do {
+      switch (yBottomLines - 88 + mins) {
+        case 0:
+        case 60:
+          lineEnd = lineEndFull;
+          g.drawString(d.getHours() + 1, lineEnd + 10, yBottomLines, true);
+          break;
+        case 120:
+          lineEnd = lineEndFull;
+          g.drawString(d.getHours() + 2, lineEnd + 10, yBottomLines, true);
+          break;
+        case 15:
+        case 75:
+        case 135:
+        case 45:
+        case 105:
+        case 165:
+          lineEnd = lineEndQuarter;
+          break;
+        case 30:
+        case 90:
+        case 150:
+          lineEnd = lineEndHalf;
+          break;
+        default:
+          lineEnd = lineEndDefault;
+      }
+      g.drawLineAA(lineStart, yBottomLines, lineEnd, yBottomLines);
+
+      yBottomLines += 5;
+      if (yBottomLines > 176) {
+        bottomReached = true;
+      }
+    } while (!bottomReached);
+
+    Bangle.drawWidgets();
+    queueDrawTime();
+  };
+
+
+  g.clear();
+  drawTime();
+
+  Bangle.setUI(
+    {
+      mode: "clock",
+      remove: function () {
+        if (drawTimeout) clearTimeout(drawTimeout);
+        require("widget_utils").show();
+      }
+    }
+  );
+
+  Bangle.loadWidgets();
+  Bangle.drawWidgets();
+}

apps/measure_time/metadata.json

@@ -0,0 +1,21 @@
+{
+  "id": "measuretime",
+  "name": "Measure Time",
+  "version": "0.1",
+  "description": "Measure Time in a fancy way.",
+  "icon": "small_measuretime.png",
+  "screenshots": [{ "url": "measuretime.png" }],
+  "type": "clock",
+  "tags": "clock",
+  "supports": ["BANGLEJS2"],
+  "readme": "README.md",
+  "allow_emulator": true,
+  "storage": [
+    { "name": "measuretime.app.js", "url": "measuretime.js" },
+    {
+      "name": "measuretime.img",
+      "url": "measuretime-icon.js",
+      "evaluate": true
+    }
+  ]
+}

apps/measure_time/test.json

@@ -0,0 +1,15 @@
+{
+  "app" : "measuretime",
+  "tests" : [{
+    "description": "Check memory usage after setUI",
+    "steps" : [
+      {"t":"cmd", "js": "Bangle.loadWidgets()"},
+      {"t":"cmd", "js": "eval(require('Storage').read('measuretime.app.js'))"},
+      {"t":"cmd", "js": "Bangle.setUI()"},
+      {"t":"saveMemoryUsage"},
+      {"t":"cmd", "js": "eval(require('Storage').read('measuretime.app.js'))"},
+      {"t":"cmd", "js":"Bangle.setUI()"},
+      {"t":"checkMemoryUsage"}
+    ]
+  }]
+}