Create app.js

apps/binaryclk/app.js

@@ -0,0 +1,36 @@
+function draw() {
+  var dt = new Date();
+  var h = dt.getHours(), m = dt.getMinutes();
+  const t = [];
+  t[0] = Math.floor(h/10);
+  t[1] = Math.floor(h%10);
+  t[2] = Math.floor(m/10);
+  t[3] = Math.floor(m%10);
+
+  g.reset();
+  g.clearRect(Bangle.appRect);
+
+  let i = 0;
+  const sq = 29;
+  const gap = 8;
+	const mgn = 20;
+  const pos = sq + gap;
+
+  for (let r = 3; r >= 0; r--) {
+  	for (let c = 0; c < 4; c++) {
+      if (t[c] & Math.pow(2, r)) {
+			  g.fillRect(mgn/2 + gap + c * pos, mgn + gap + i * pos, mgn/2 + gap + c * pos + sq, mgn + gap + i * pos + sq);
+		  } else {
+			  g.drawRect(mgn/2 + gap + c * pos, mgn + gap + i * pos, mgn/2 + gap + c * pos + sq, mgn + gap + i * pos + sq);
+      }
+	  }
+    i++;
+  }
+}
+
+g.clear();
+draw();
+var secondInterval = setInterval(draw, 60000);
+Bangle.setUI("clock");
+Bangle.loadWidgets();
+Bangle.drawWidgets();