lcd clock 0.09: Use custom 7 segment font

Author: gfwilliams

apps/lcdclock/ChangeLog

@@ -6,4 +6,5 @@
 0.06: Minor code improvements
 0.07: fix special characters in clockinfo menus
 0.08: Allow - and . in clockinfo menus (fix #4007)
-      Use slightly narrower clockinfo font
+      Use slightly narrower clockinfo font
+0.09: Use custom 7 segment font

apps/lcdclock/app.js

@@ -20,6 +20,72 @@ odd h`,
   export : "alphanum"
 });
 */
+Graphics.prototype.setFont7SegBig = function() {
+  return this.setFontCustom(atob("AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAHAAAAAAAAfAAAAAAAA+AAAAAAAB8AAAAAAAD4AAAAAAAHwAAAAAAAPgAAAAAAAfAAAAAAAA+AAAAAAAB8AAAAAAAD4AAAAAAAHwAAAAAAAPgAAAAAAAfAAAAAAAA+AAAAAAAA4AAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf///j///8f//+D///yf//4D///Of//gD//8+f/+AD//z+AAAAAAAP+AAAAAAA/8AAAAAAB/4AAAAAAD/wAAAAAAH/gAAAAAAP/AAAAAAAf+AAAAAAA/8AAAAAAB/wAAAAAAB/P//AB//58///AH//5z///Af//5P///B///4////H///4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8AH//gD//8Af//gP//8B///g///8H///j///8f///gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AAAAE///8gAAAc///zgAAB8///PgAAD4//8/gAAHwAAD/gAAPgAAP/AAAfAAAf+AAA+AAA/8AAB8AAB/4AAD4AAD/wAAHwAAH/gAAPgAAP/AAAfAAAf8AAA+AAAfz//x8AAAfP//z4AAAc///zgAAAT///yAAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAACAAABwAAAOAAAHwAAA+AAAPgAAD+AAAfAAAP+AAA+AAA/8AAB8AAB/4AAD4AAD/wAAHwAAH/gAAPgAAP/AAAfAAAf+AAA+AAA/8AAB8AAB/wAAD4AAB/P//Hx//58///Pn//5z///Of//5P///J///4////H///4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB///+AAAAB///5AAAAB///nAAAAB//+fAAAAB//4+AAAAAAAB8AAAAAAAD4AAAAAAAHwAAAAAAAPgAAAAAAAfAAAAAAAA+AAAAAAAB8AAAAAAAD4AAAAAAAHwAAAAAAAPgAAAA//8fH//gD//8+f//gP//85///g///8n///j///8f///gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH///4AAAAH///kAAAAn//+cAAADn//58AAAPn//j4AAA/gAAHwAAD/gAAPgAAP/AAAfAAAf+AAA+AAA/8AAB8AAB/4AAD4AAD/wAAHwAAH/gAAPgAAP/AAAfAAAf8AAA+AAAfwAAB8f/+fAAAD5//+cAAADn//+QAAACf//+AAAAB///+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf///j///8f//+T///yf//5z///Of//nz//8+f/+Pj//z+AAAfAAAP+AAA+AAA/8AAB8AAB/4AAD4AAD/wAAHwAAH/gAAPgAAP/AAAfAAAf+AAA+AAA/8AAB8AAB/wAAD4AAB/AAAHx//58AAAPn//5wAAAOf//5AAAAJ///4AAAAH///4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAYAAAAAAAA4AAAAAAAB4AAAAAAAD4AAAAAAAHwAAAAAAAPgAAAAAAAfAAAAAAAA+AAAAAAAB8AAAAAAAD4AAAAAAAHwAAAAAAAPAAAAAAAAc//8AH//gz//8Af//hP//8B///g///8H///j///8f///gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH///4////H///k///8n//+c///zn//58///Pn//j4//8/gAAHwAAD/gAAPgAAP/AAAfAAAf+AAA+AAA/8AAB8AAB/4AAD4AAD/wAAHwAAH/gAAPgAAP/AAAfAAAf8AAA+AAAfz//x8f/+fP//z5//+c///zn//+T///yf//+P///x///+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf///gAAAAf//+QAAACf//5wAAAOf//nwAAA+f/+PgAAD+AAAfAAAP+AAA+AAA/8AAB8AAB/4AAD4AAD/wAAHwAAH/gAAPgAAP/AAAfAAAf+AAA+AAA/8AAB8AAB/wAAD4AAB/P//Hx//58///Pn//5z///Of//5P///J///4////H///4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAA4AAAD4AAD4AAAHwAAHwAAAPgAAPgAAAfAAAfAAAAcAAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="), 32, atob("GgAAAAAAAAAAAAAAABoCABoaGhoaGhoaGhoU"), 53);
+};
+/* font created with:
+require("sevenseg_font_tools").createFont({
+  img : `
+  aaaaaaaaaaaaaaaa
+f  aaaaaaaaaaaaaa  b
+ff  aaaaaaaaaaaa  bb
+fff  aaaaaaaaaa  bbb
+ffff  aaaaaaaa  bbbb
+fffff          bbbbb
+fffff          bbbbb
+fffff          bbbbb
+fffff          bbbbb
+fffff          bbbbb
+fffff          bbbbb
+fffff          bbbbb
+fffff xxxx     bbbbb
+fffffxxxxxx    bbbbb
+fffffxxxxxx    bbbbb
+fffffxxxxxx    bbbbb
+fffff xxxx     bbbbb
+fffff          bbbbb
+fffff          bbbbb
+fffff          bbbbb
+fffff          bbbbb
+ffff            bbbb
+fff              bbb
+ff                bb
+f  gggggggggggggg  b
+  gggggggggggggggg
+ gggggggggggggggggg
+  gggggggggggggggg
+e  gggggggggggggg  c
+ee                cc
+eee              ccc
+eeee            cccc
+eeeee          ccccc
+eeeee          ccccc
+eeeee          ccccc
+eeeee          ccccc
+eeeee xxxx     ccccc
+eeeeexxxxxx    ccccc
+eeeeexxxxxx    ccccc
+eeeeexxxxxx    ccccc
+eeeee xxxx     ccccc
+eeeee          ccccc
+eeeee          ccccc
+eeeee          ccccc
+eeeee          ccccc
+eeeee          ccccc
+eeeee          ccccc
+eeeee          ccccc
+eeee  dddddddd  cccc
+eee  dddddddddd  ccc
+ee  dddddddddddd  cc
+e  dddddddddddddd  c
+  dddddddddddddddd
+`,width : 26,
+  colonWidth : 20, // width of colon
+  doubleWidth : 22, // width for double-size (eg 'W' and 'M')
+  height : 53,
+  export : "num"
+});
+*/
 
 
 { // must be inside our own scope here so that when we are unloaded everything disappears
@@ -31,10 +97,10 @@ let draw = function() {
   var x = R.x + R.w/2;
   var y = R.y + R.h/2;
   g.reset().setColor(g.theme.bg).setBgColor(g.theme.fg);
-  g.clearRect(R.x,barY+2,R.x2,R.y2-8);
+  g.clearRect(R.x+1,barY+2,R.x2-1,R.y2-7);
   var date = new Date();
   var timeStr = require("locale").time(date, 1); // Hour and minute
-  g.setFontAlign(0, 0).setFont("7Seg:5").drawString(timeStr, x, y+39);
+  g.setFontAlign(0, 0).setFont("7SegBig").drawString(timeStr, x, y+41);
   // Show date and day of week
   g.setFontAlign(0, 0).setFont("7Seg:2");
   g.setFontAlign(-1, 0).drawString(require("locale").meridian(date).toUpperCase(), R.x+6, y);
@@ -71,6 +137,7 @@ Bangle.setUI({
     if (drawTimeout) clearTimeout(drawTimeout);
     drawTimeout = undefined;
     delete Graphics.prototype.setFont7Seg;
+    delete Graphics.prototype.setFont7SegBig;
     // remove info menu
     clockInfoMenu.remove();
     delete clockInfoMenu;

apps/lcdclock/metadata.json

@@ -1,6 +1,6 @@
 { "id": "lcdclock",
   "name": "LCD Clock",
-  "version": "0.08",
+  "version": "0.09",
   "description": "A Casio-style clock, with ClockInfo areas at the top and bottom. Tap them and swipe up/down to toggle between different information",
   "icon": "app.png",
   "screenshots": [{"url":"screenshot.png"}],