add numerals clock

apps.json

@@ -1158,5 +1158,20 @@
       {"name":"batchart.app.js","url":"app.js"},
       {"name":"batchart.img","url":"app-icon.js","evaluate":true}
     ]
+  },
+  { "id": "numerals",
+    "name": "Numerals Clock",
+    "shortName": "Numerals Clock",
+    "icon": "numerals.png",
+    "version":"0.01",
+    "description": "A simple big numerals clock",
+    "tags": "numerals,clock",
+	"type":"clock",
+    "allow_emulator":true,
+    "storage": [
+      {"name":"numerals.app.js","url":"numerals.app.js"},
+      {"name":"numerals.img","url":"numerals-icon.js","evaluate":true},
+	  {"name":"numerals.settings.js","url":"numerals.settings.js"}
+    ]
   }
 ]

apps/numerals/README.md

@@ -0,0 +1,17 @@
+# Numerals Clock
+
+This is a simple big numerals clock.
+Settings can be accessed through the app/widget settings menu of the Bangle.js
+
+## Settings available
+
+### color:
+* rnd - shows numerals in different color combinations every time the watches wakes
+* r/g - red/green
+* y/w - yellow/white 
+* o/c - orange/cyan
+* b/y - blue/yellow'ish
+
+### draw mode
+* fill - fill numerals
+* frame - only shows outline of numerals

apps/numerals/numerals-icon.js

@@ -0,0 +1 @@
+require("heatshrink").decompress(atob("mEwwhC/ABMBzIADyAJIAAkQBoMZBIoXCBIwADyIkIGAIuKGAQkIBJIwEEKQANC/4XWR58RiIHFWpAXFe4QRFcpAXFewQRFcxAXEFwQwGA4QXKiAXDGAgX/C/4X/C/4X/C7uQCwcBBwYXNBwYuEC54wCFwgXPzMRiIHFC54AHC/4XiCAoXRhIHDyK3GAAwOBJA0QG45VGC4YwCD4YwKFwgABcgIfEAwIAHBwgA/AAgA=="))

apps/numerals/numerals.app.js

@@ -0,0 +1,93 @@
+/**
+ * Bangle.js Numerals Clock
+ *
+ * + Original Author: Raik M. https://github.com/ps-igel
+ * + Created: April 2020
+ * + see README.md for details
+ */
+
+var numerals = {
+  0:[[9,1,82,1,90,9,90,82,82,90,9,90,1,82,1,9,9,1],[30,21,61,21,69,29,69,61,61,69,30,69,22,61,22,29,30,21]],
+  1:[[59,1,82,1,90,9,90,82,82,90,73,90,65,82,65,27,59,27,51,19,51,9,59,1]],
+  2:[[9,1,82,1,90,9,90,47,82,55,21,55,21,64,82,64,90,72,90,82,82,90,9,90,1,82,1,43,9,35,70,35,70,25,9,25,1,17,1,9,9,1]],
+  3:[[9,1,82,1,90,9,90,82,82,90,9,90,1,82,1,74,9,66,70,66,70,57,9,57,1,49,1,41,9,33,70,33,70,25,9,25,1,17,1,9,9,1]],
+  4:[[9,1,14,1,22,9,22,34,69,34,69,9,77,1,82,1,90,9,90,82,82,90,78,90,70,82,70,55,9,55,1,47,1,9,9,1]],  
+  5:[[9,1,82,1,90,9,90,17,82,25,21,25,21,35,82,35,90,43,90,82,82,90,9,90,1,82,1,72,9,64,71,64,71,55,9,55,1,47,1,9,9,1]],
+  6:[[9,1,82,1,90,9,90,14,82,22,22,22,22,36,82,36,90,44,90,82,82,90,9,90,1,82,1,9,9,1],[22,55,69,55,69,69,22,69,22,55]],
+  7:[[9,1,82,1,90,9,90,15,15,90,9,90,1,82,1,76,54,23,9,23,1,15,1,9,9,1]],
+  8:[[9,1,82,1,90,9,90,82,82,90,9,90,1,82,1,9,9,1],[22,22,69,22,69,36,22,36,22,22],[22,55,69,55,69,69,22,69,22,55]],
+  9:[[9,1,82,1,90,9,90,82,82,90,9,90,1,82,1,77,9,69,69,69,69,55,9,55,1,47,1,9,9,1],[22,22,69,22,69,36,22,36,22,22]],
+};
+var _hCol = ["#ff5555","#ffff00","#FF9901","#2F00FF"];
+var _mCol = ["#55ff55","#ffffff","#00EFEF","#FFBF00"];
+var _rCol = 0;
+var interval = 0;
+const REFRESH_RATE = 10E3;
+
+function translate(tx, ty, p) {
+  return p.map((x, i)=> x+((i%2)?ty:tx));
+}
+
+function fill(poly){
+  return g.fillPoly(poly);
+}
+
+function frame(poly){
+  return g.drawPoly(poly);
+}
+
+let settings = require('Storage').readJSON('numerals.json',1);
+if (!settings) {
+  settings = {
+    color: 0,
+    drawMode: "fill"
+  };
+}
+
+function drawNum(num,col,x,y,func){
+  g.setColor(col);
+  let tx = x*100+35;
+  let ty = y*100+35;  
+  for (let i=0;i<numerals[num].length;i++){
+	  if (i>0) g.setColor((func==fill)?"#000000":col);
+	  func(translate(tx, ty,numerals[num][i]));
+  }
+}
+
+function draw(drawMode){
+  let d = new Date();
+  let h1 = Math.floor(d.getHours()/10);
+  let h2 = d.getHours()%10;	
+  let m1 = Math.floor(d.getMinutes()/10);
+  let m2 = d.getMinutes()%10;
+  g.clearRect(0,24,240,240);
+  drawNum(h1,_hCol[_rCol],0,0,eval(drawMode));
+  drawNum(h2,_hCol[_rCol],1,0,eval(drawMode));
+  drawNum(m1,_mCol[_rCol],0,1,eval(drawMode));
+  drawNum(m2,_mCol[_rCol],1,1,eval(drawMode));
+}
+
+Bangle.setLCDMode();
+
+clearWatch();
+setWatch(Bangle.showLauncher, BTN1, {repeat:false,edge:"falling"});
+
+g.clear(); 
+clearInterval();
+if (settings.color>0) _rCol=settings.color-1;
+interval=setInterval(draw, REFRESH_RATE, settings.drawMode);
+draw(settings.drawMode);
+
+Bangle.on('lcdPower', function(on) {
+  if (on) {
+    if (settings.color==0) _rCol = Math.floor(Math.random()*_hCol.length);    
+	draw(settings.drawMode);
+    interval=setInterval(draw, REFRESH_RATE, settings.drawMode);
+  }else
+  {
+    clearInterval(interval);
+  }
+});
+
+Bangle.loadWidgets();
+Bangle.drawWidgets();

apps/numerals/numerals.settings.js

@@ -0,0 +1,33 @@
+(function(back) {  
+  function updateSettings() {  
+    storage.write('numerals.json', numeralsSettings);
+  };
+  function resetSettings() {
+    numeralsSettings = {
+      color: 0,
+      drawMode: "fill"
+    };
+    updateSettings();
+  }
+  let numeralsSettings = storage.readJSON('numerals.json',1);
+  if (!numeralsSettings) resetSettings();  
+  let dm = ["fill","frame"];
+  let col = ["rnd","r/g","y/w","o/c","b/y"]
+  var menu={
+   "" : { "title":"Numerals"},
+   "Colors": {
+    value: 0|numeralsSettings.color,
+    min:0,max:4,
+    format: v=>col[v],
+    onchange: v=> { numeralsSettings.color=v; updateSettings();}
+    },
+   "Draw mode": {
+    value: 0|dm.indexOf(numeralsSettings.drawMode),
+    min:0,max:1,
+    format: v=>dm[v],
+    onchange: v=> { numeralsSettings.drawMode=dm[v]; updateSettings();}
+    },
+    "< back": back
+  };
+  E.showMenu(menu);
+})