Merge pull request #2539 from peerdavid/master

[Happy Clock] New App

apps/happyclk/ChangeLog

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

apps/happyclk/README.md

@@ -0,0 +1,21 @@
+# Happy Clock
+
+A happy clock.
+
+![](screenshot_1.png)
+
+## How to read this happy clock?
+- The left eye shows the hour, the right hour the minutes.
+- The happiness decreases as the battery level decreases.
+- The left mouthline shows whether your bangle is locked or not
+- The right mouthline whether you reached 10k steps or not.
+
+Here you can see an example of a locked bangle with a low battery:
+
+![](screenshot_3.png)
+
+## Creator
+- [David Peer](https://github.com/peerdavid).
+
+Thanks for this great idea:
+http://apps.rebble.io/de_DE/application/55014a037ed24ae745000004?section=watchfaces

apps/happyclk/happyclk.app.js

@@ -0,0 +1,177 @@
+/************************************************
+ * Happy Clock
+ */
+var W = g.getWidth(),R=W/2;
+var H = g.getHeight();
+var drawTimeout;
+
+
+/*
+ * HELPER
+ */
+
+// Based on the great multi clock from https://github.com/jeffmer/BangleApps/
+Graphics.prototype.drawPupils = function(cx, cy, r1, dx, dy, angle) {
+    angle = angle % 360;
+    var theta=angle*Math.PI/180;
+    var x = parseInt(cx+r1*Math.sin(theta)*1.2);
+    var y = parseInt(cy-r1*Math.cos(theta)*1.2);
+
+    g.setColor(g.theme.fg);
+    g.fillCircle(cx, cy, 32);
+    g.setColor(g.theme.bg);
+    g.fillCircle(cx, cy, 27);
+    g.fillCircle(cx+dx, cy+dy, 28);
+
+    g.setColor(g.theme.fg);
+    g.fillCircle(x, y, 8);
+    g.fillCircle(x+1, y, 8);
+};
+
+let quadraticCurve = function(t, p0x, p0y, p1x, p1y, p2x, p2y){
+    var t2 = t * t;
+    var oneMinT = 1 - t;
+    var oneMinT2 = oneMinT * oneMinT;
+    return {
+      x: p0x * oneMinT2 + 2 * p1x * t * oneMinT + p2x *t2,
+      y: p0y * oneMinT2 + 2 * p1y * t * oneMinT + p2y *t2
+    };
+}
+
+// Thanks to user stephaneAG from the Espruino forum!
+// https://forum.espruino.com/conversations/330154/#comment14593349
+let drawCurve = function(x1, y1, x2, y2, x3, y3){
+    var p0 = { x: x1, y: y1};
+    var p1 = { x: x2, y: y2};
+    var p2 = { x: x3, y: y3};
+    var time = 0;
+    var stepping = 0.1; // Stepping defines the speed.
+
+    for(var y = 0; y < 8; y++){
+        var pathPts = [];
+        for(time = 0; time <= 1; time+= stepping){
+        var pos = quadraticCurve(time, p0.x, p0.y, p1.x, p1.y, p2.x, p2.y);
+        pathPts.push(pos.x, pos.y+y);
+        }
+        g.drawPoly(pathPts, false);
+    }
+    g.flip();
+}
+
+
+/*
+ * Draw the clock
+ */
+let drawEyes = function(){
+    // And now the analog time
+    var drawHour = g.drawPupils.bind(g,55,70,12,1,0);
+    var drawMinute = g.drawPupils.bind(g,125,70,12,0,1);
+
+    g.setFontAlign(0,0);
+
+    // Compute angles
+    var date = new Date();
+    var m = parseInt(date.getMinutes() * 360 / 60);
+    var h = date.getHours();
+    h = h > 12 ? h-12 : h;
+    h += date.getMinutes()/60.0;
+    h = parseInt(h*360/12);
+
+    // Draw minute and hour fg
+    g.setColor(g.theme.fg);
+    drawHour(h);
+    drawMinute(m);
+}
+
+
+let drawSmile = function(isLocked){
+    var y = 120;
+    var o = parseInt(E.getBattery()*0.8);
+
+    // Draw smile
+    drawCurve(30, y, W/2+12, y+o, W-40, y);
+
+    // And the two "mouth lines"
+    var reachedSteps = Bangle.getHealthStatus("day").steps >= 10000;
+    for(var i=0; i < 6; i++){
+        if(isLocked) g.drawLine(25, y+6+i, 35, y-5+i);
+        if(reachedSteps) g.drawLine(W-35, y+5+i, W-45, y-5+i);
+    }
+}
+
+let drawEyeBrow = function(){
+    var w = 6;
+    for(var i = 0; i < w; i++){
+        g.drawLine(25, 25+i, 70, 15+i%3);
+        g.drawLine(W-25, 28+i%3, W-68, 19+i);
+    }
+}
+
+
+
+let draw = function(){
+    // Queue draw in one minute
+    queueDraw();
+
+    var isLocked = Bangle.isLocked();
+    drawHelper(isLocked);
+}
+
+let drawHelper = function(isLocked){
+    g.setColor(g.theme.fg);
+    g.reset().clear();
+
+    drawEyes();
+    drawEyeBrow();
+    drawSmile(isLocked);
+}
+
+
+/*
+ * Listeners
+ */
+Bangle.on('lcdPower',on=>{
+    if (on) {
+        draw();
+    } else { // stop draw timer
+        if (drawTimeout) clearTimeout(drawTimeout);
+        drawTimeout = undefined;
+    }
+});
+
+Bangle.on('lock', function(isLocked) {
+    draw(isLocked);
+});
+
+
+/*
+ * Some helpers
+ */
+let queueDraw = function() {
+    if (drawTimeout) clearTimeout(drawTimeout);
+    drawTimeout = setTimeout(function() {
+      drawTimeout = undefined;
+      draw();
+    }, 60000 - (Date.now() % 60000));
+}
+
+
+/*
+ * Lets start widgets, listen for btn etc.
+ */
+// Show launcher when middle button pressed
+Bangle.setUI("clock");
+Bangle.loadWidgets();
+/*
+ * we are not drawing the widgets as we are taking over the whole screen
+ * so we will blank out the draw() functions of each widget and change the
+ * area to the top bar doesn't get cleared.
+ */
+require('widget_utils').hide();
+
+// Clear the screen once, at startup and draw clock
+// g.setTheme({bg:"#fff",fg:"#000",dark:false});
+draw();
+
+// After drawing the watch face, we can draw the widgets
+// Bangle.drawWidgets();

apps/happyclk/happyclk.icon.js

@@ -0,0 +1 @@
+require("heatshrink").decompress(atob("mEwgP/ADEP/AEC+E//kH//+gYIB8F//1/B4U/ERgdB/wdB//AFIJGCx/n+P8EIM/+fnE4IBB/PAv4aBv/84E/z/8//8wAFDwwFB74FBgQFD/wFGyF/AoUAz//z/+AoPfAoV/gPP/+/IIP585lCj/z8ZvCw+H/HwPQUf/iACACIrBAAaRCGAP+AoXzAonxAoJRB//lAQJLBC4X/44IE8KeCVoQCBj4CB/iYBEwX+h6sCAAOB8BCD4C+CDwTKCACI="))

apps/happyclk/metadata.json

@@ -0,0 +1,21 @@
+{
+  "id": "happyclk",
+  "name": "Happy Clock",
+  "shortName":"Happy Clock",
+  "icon": "happyclk.png",
+  "version":"0.01",
+  "readme": "README.md",
+  "supports": ["BANGLEJS2"],
+  "description": "A happy clock :)",
+  "type": "clock",
+  "tags": "clock",
+  "screenshots": [
+    {"url":"screenshot_1.png"},
+    {"url":"screenshot_2.png"},
+    {"url":"screenshot_3.png"}
+  ],
+  "storage": [
+    {"name":"happyclk.app.js","url":"happyclk.app.js"},
+    {"name":"happyclk.img","url":"happyclk.icon.js","evaluate":true}
+  ]
+}