Added rclock app

apps.json

@@ -1291,6 +1291,18 @@
         "name": "dane.img",
         "url": "app-icon.js",
         "evaluate": true
+      },
+      { "id": "rclock",
+        "name": "Round clock with seconds,  minutes and date",
+        "shortName":"Round Clock",
+        "icon": "app.png",
+        "version":"0.01",
+        "description": "Designed round clock with ticks for minutes and seconds",
+        "tags": "",
+        "storage": [
+          {"name":"rclock.app.js","url":"app.js"},
+          {"name":"rclock.img","url":"app-icon.js","evaluate":true}
+        ]
       }
     ]
   }

apps/rclock/ChangeLog

@@ -0,0 +1 @@
+0.01: New App!

apps/rclock/app-icon.js

@@ -0,0 +1 @@
+require("heatshrink").decompress(atob("mEwwJC/AH4A/AH4AgA=="))

apps/rclock/rclock.app.js

@@ -0,0 +1,163 @@
+{
+  var minutes;
+  var seconds;
+  var hours;
+  var date;
+  var first = true;
+
+  const screen = {
+    width: g.getWidth(),
+    height: g.getWidth(),
+    middle: g.getWidth() / 2,
+    center: g.getHeight() / 2,
+  };
+
+  // Ssettings
+  const settings = {
+    time: {
+      color: '#f0af00',
+      shadow: '#CF7500',
+      font: 'Vector',
+      size: 60,
+      middle: screen.middle - 30,
+      center: screen.center + 5 ,
+    },
+    date: {
+      color: '#f0af00',
+      shadow: '#CF7500',
+      font: 'Vector',
+      size: 15,
+      middle: screen.height - 20, // at bottom of screen
+      center: screen.center,
+    },
+    circle: {
+      colormin: '#777777',
+      colorsec: '#444444',
+      width: 10,
+      middle: screen.middle,
+      center: screen.center,
+      height: screen.height
+    }
+  };
+
+  const dateStr = function (date) {
+    day = date.getDate();
+    month = date.getMonth();
+    year = date.getFullYear();
+    if (day < 10) {
+      day = "0" + day;
+    }
+    if (month < 10) {
+      month = "0" + month;
+    }
+
+    return year + "-" + month + "-" + day;
+  };
+
+  const getArcXY = function (centerX, centerY, radius, angle) {
+    var s, r = [];
+    s = 2 * Math.PI * angle / 360;
+    r.push(centerX + Math.round(Math.cos(s) * radius));
+    r.push(centerY + Math.round(Math.sin(s) * radius));
+
+    return r;
+  };
+
+  const drawMinArc = function (sections, color) {
+    g.setColor(color);
+    rad = (settings.circle.height / 2) - 20;
+    r1 = getArcXY(settings.circle.middle, settings.circle.center, rad, sections * (360 / 60) - 90);
+    //g.setPixel(r[0],r[1]);
+    r2 = getArcXY(settings.circle.middle, settings.circle.center, rad - settings.circle.width, sections * (360 / 60) - 90);
+    //g.setPixel(r[0],r[1]);
+    g.drawLine(r1[0], r1[1], r2[0], r2[1]);
+    g.setColor('#333333');
+    g.drawCircle(settings.circle.middle, settings.circle.center, rad - settings.circle.width-4)
+  };
+
+  const drawSecArc = function (sections, color) {
+    g.setColor(color);
+    rad = (settings.circle.height / 2) - 40;
+    r1 = getArcXY(settings.circle.middle, settings.circle.center, rad, sections * (360 / 60) - 90);
+    //g.setPixel(r[0],r[1]);
+    r2 = getArcXY(settings.circle.middle, settings.circle.center, rad - settings.circle.width, sections * (360 / 60) - 90);
+    //g.setPixel(r[0],r[1]);
+    g.drawLine(r1[0], r1[1], r2[0], r2[1]);
+    g.setColor('#333333');
+    g.drawCircle(settings.circle.middle, settings.circle.center, rad - settings.circle.width-4)
+  };
+
+  const drawClock = function () {
+
+    currentTime = new Date();
+
+    //Set to initial time when started
+    if (first == true) {
+      minutes = currentTime.getMinutes();
+      seconds = currentTime.getSeconds();
+      for (count = 0; count <= minutes; count++) {
+        drawMinArc(count, settings.circle.colormin);
+      }
+
+      for (count = 0; count <= seconds; count++) {
+        drawSecArc(count, settings.circle.colorsec);
+      }
+      first = false;
+    }
+    // Reset seconds
+    if (seconds == 59) {
+      g.setColor('#000000');
+      g.fillCircle(settings.circle.middle, settings.circle.center, (settings.circle.height / 2) - 40);
+    }
+    // Reset minutes
+    if (minutes == 59 && seconds == 59) {
+      g.setColor('#000000');
+      g.fillCircle(settings.circle.middle, settings.circle.center, (settings.circle.height / 2) - 20);
+    }
+
+    //Get date as a string
+    date = dateStr(currentTime);
+
+    // Update minutes when needed
+    if (minutes != currentTime.getMinutes()) {
+      minutes = currentTime.getMinutes();
+      drawMinArc(minutes, settings.circle.colormin);
+    }
+
+    //Update seconds when needed
+    if (seconds != currentTime.getSeconds()) {
+      seconds = currentTime.getSeconds();
+      drawSecArc(seconds,  settings.circle.colorsec);
+    }
+
+    //Write the time as configured in the settings
+    hours = currentTime.getHours();
+    g.setColor(settings.time.color);
+    g.setFont(settings.time.font, settings.time.size);
+    g.drawString(hours, settings.time.center, settings.time.middle);
+
+    //Write the date as configured in the settings
+    g.setColor(settings.date.color);
+    g.setFont(settings.date.font, settings.date.size);
+    g.drawString(date, settings.date.center, settings.date.middle);
+  };
+
+  Bangle.on('lcdPower', function (on) {
+    if (on) drawClock();
+  });
+
+  // clean app screen
+  g.clear();
+  Bangle.loadWidgets();
+  Bangle.drawWidgets();
+
+  // refesh every 30 sec
+  setInterval(drawClock, 1E3);
+
+  // draw now
+  drawClock();
+
+  // Show launcher when middle button pressed
+  setWatch(Bangle.showLauncher, BTN2, { repeat: false, edge: "falling" });
+
+}