added Simplest clock, added Stepometer clock

apps.json

@@ -2919,5 +2919,32 @@
     {"name":"waypoints.json","url":"waypoints.json","evaluate":false},
     {"name":"waypointer.img","url":"icon.js","evaluate":true}
   ]
+},
+
+{ "id": "simplest",
+  "name": "Simplest Clock",
+  "icon": "simplest.png",
+  "version":"0.01",
+  "description": "The simplest working clock, acts as a tutorial piece",
+  "tags": "clock",
+  "type":"clock",
+  "readme": "README.md",
+  "storage": [
+    {"name":"simplest.app.js","url":"app.js"},
+    {"name":"simplest.img","url":"icon.js","evaluate":true}
+  ]
+},
+{ "id": "stepo",
+  "name": "Stepometer Clock",
+  "icon": "stepo.png",
+  "version":"0.01",
+  "description": "A larg font watch, displays step count in a doughnut guage and warns of low battery",
+  "tags": "clock",
+  "type":"clock",
+  "readme": "README.md",
+  "storage": [
+    {"name":"stepo.app.js","url":"app.js"},
+    {"name":"stepo.img","url":"icon.js","evaluate":true}
+  ]
 } 
 ]

apps/arrow/ChangeLog

@@ -0,0 +1,2 @@
+0.01: First version
+0.02: Moved arrow image load to global scope

apps/simplest/README.md

@@ -0,0 +1,5 @@
+# Simplest Clock
+
+The simplest working clock, acts as a tutorial piece
+
+![](screenshot.jpg)

apps/simplest/app.js

@@ -0,0 +1,23 @@
+
+function draw() {
+  var d = new Date();
+  var da = d.toString().split(" ");
+  var time = da[4].substr(0,5);
+
+  g.reset();
+  g.setFontAlign(0, -1);
+  g.setFont("Vector", 80);
+  g.drawString(time, 120, 40);
+}
+
+// handle switch display on by pressing BTN1
+Bangle.on('lcdPower', function(on) {
+  if (on) draw();
+});
+
+g.clear();
+Bangle.loadWidgets();
+Bangle.drawWidgets();
+setInterval(draw, 15000); // refresh every 15s
+draw();
+setWatch(Bangle.showLauncher, BTN2, {repeat:false,edge:"falling"});

apps/simplest/icon.js

@@ -0,0 +1 @@
+require("heatshrink").decompress(atob("mEwwIdah/wAof//4ECgYFB4AFBg4FB8AFBj/wh/4AoM/wEB/gFBvwCEBAU/AQP4gfAj8AgPwAoMPwED8AFBg/AAYIBDA4ngg4TB4EBApkPKgJSBJQIFTMgIFCJIIFDKoIFEvgFBGoMAnw7DP4IFEh+BAoItBg+DNIQwBMIaeCKoKxCPoIzCEgKVHUIqtFXIrFFaIrdFdIwAV"))

apps/simplest/simplest.info.js

@@ -0,0 +1,7 @@
+require("Storage").write("simplest.info",{
+  "id":"simplest",
+  "name":"Simplest Clock",
+  "src":"simplest.app.js",  
+  "icon":"simplest.img",
+  "type":"clock"
+});

apps/stepo/README.md

@@ -0,0 +1,21 @@
+# Stepometer Clock
+
+A larg font watch, displays step count in a doughnut guage and warns of low battery
+
+## Features
+
+- Displays the time in large font
+- Display current step count in a doughnut guage
+- Show step count in the middle of the doughnut guage
+- When the battery is less than 25% the doughnut turns red
+- The guage show percentage of steps out of a goal of 10000 steps
+
+![](screenshot.jpg)
+![](screenshot1.jpg)
+
+# Notes
+
+* Uses an arrayBuffer to prepare the doughnut guage. The arrayBuffer
+  is 160*160 and is larger than required. The reason for this is that
+  I plane to use this watch face with others in a multiclock format
+  and want to be able to reuse the arrayBuffer with other clocks.

apps/stepo/app.js

@@ -0,0 +1,104 @@
+var pal4color = new Uint16Array([0x0000,0xFFFF,0x7BEF,0xAFE5],0,2);   // b,w,grey,greenyellow
+var pal4red = new Uint16Array([0x0000,0xFFFF,0xF800,0xAFE5],0,2);   // b,w,red,greenyellow
+var buf = Graphics.createArrayBuffer(160,160,2,{msb:true});
+
+function flip(x,y) {
+ g.drawImage({width:160,height:160,bpp:2,buffer:buf.buffer, palette:pal4color}, x, y);
+ buf.clear();
+}
+
+function flip_red(x,y) {
+ g.drawImage({width:160,height:160,bpp:2,buffer:buf.buffer, palette:pal4red}, x, y);
+ buf.clear();
+}
+
+function radians(a) {
+  return a*Math.PI/180;
+}
+
+function drawSteps() {
+  var i = 0;
+  var cx = 80;
+  var cy = 75;
+  var r = 56;
+  var steps = getSteps();
+  var percent = steps / 10000;
+
+  if (percent > 1) percent = 1;
+  
+  var startrot = 0 - 180;
+  var midrot = -180 - (360 * percent);
+  var endrot = -360  - 180;
+  
+  buf.setColor(3);   // green-yellow
+
+  // draw guauge
+  for (i = startrot; i > midrot; i--) {
+    x = cx + r * Math.sin(radians(i));
+    y = cy + r * Math.cos(radians(i));
+    buf.fillCircle(x,y,4);
+  }
+
+  buf.setColor(2); // grey
+
+  // draw remainder of guage in grey
+  for (i = midrot; i > endrot; i--) {
+    x = cx + r * Math.sin(radians(i));
+    y = cy + r * Math.cos(radians(i));
+    buf.fillCircle(x,y,4);
+  }
+
+  // draw steps
+  buf.setColor(1); // white
+  buf.setFont("Vector", 24);
+  buf.setFontAlign(0,0);
+  buf.drawString(steps, 80, cy);
+
+  // change the remaining color to RED if battery is below 25%
+  if (E.getBattery() > 25) 
+    flip(40,100);
+  else
+    flip_red(40,100);
+}
+
+function draw() {
+  var d = new Date();
+  var da = d.toString().split(" ");
+  var time = da[4].substr(0,5);
+
+  g.clearRect(0, 30, 239, 99);
+  g.setColor(1,1,1);
+  g.setFontAlign(0, -1);
+  g.setFont("Vector", 80);
+  g.drawString(time, 120, 30, true);
+
+  drawSteps();
+}
+
+function getSteps() {
+  if (stepsWidget() !== undefined)
+    return stepsWidget().getSteps();
+  return "-";
+}
+
+function stepsWidget() {
+  if (WIDGETS.activepedom !== undefined) {
+    return WIDGETS.activepedom;
+  } else if (WIDGETS.wpedom !== undefined) {
+    return WIDGETS.wpedom;
+  }
+  return undefined;
+}
+
+// handle switch display on by pressing BTN1
+Bangle.on('lcdPower', function(on) {
+  if (on) draw();
+});
+
+g.reset();
+g.clear();
+Bangle.loadWidgets();
+Bangle.drawWidgets();
+setInterval(draw, 15000); // refresh every 15s
+draw();
+setWatch(Bangle.showLauncher, BTN2, {repeat:false,edge:"falling"});

apps/stepo/icon.js

@@ -0,0 +1 @@
+require("heatshrink").decompress(atob("mEwwkDEkEF5nMoUhiAVSAAUikUhCyYwBDBwWGC4YYMCwxHCAAUgCxEMCw3CC4kiPg5FF4tVgEBiIXEJI4uE4oKEgMSGBQWD4BTHGBIuDFooxEDAYJErgXCqCbJgSSHFxhJFJAZGDFxQABPQYXGCxZhESIReCRhBIIMARGPJAgXFCxqRDPAMFC6JgDOwalMMAwXDOxwXZPAUQC/4X/ABcs5jXVCQPCgEFAgPMCxwSC4gcDC55CCC4tQC5tcOQgFFLxoRDGoRINOIZBCC4ZIMFA4GCVJgPHMAQwLFwZwEBAYwJLoZvGBIaSIBgYlGGAYLHBQZVHHQgYBqoIBqoJFNRYAKQhIWMfpRJFAArLMDBIWMDBIWODIb3CCqIAQA="))

apps/stepo/stepo.info.js

@@ -0,0 +1,7 @@
+require("Storage").write("stepo.info",{
+  "id":"stepo",
+  "name":"Stepometer Clock",
+  "src":"stepo.app.js",  
+  "icon":"stepo.img",
+  "type":"clock"
+});