diff --git a/apps/sonicclk/Changelog b/apps/sonicclk/Changelog index 1f1fc7386..d78fe291f 100644 --- a/apps/sonicclk/Changelog +++ b/apps/sonicclk/Changelog @@ -1,2 +1,5 @@ -0.01 Added sonic clock app -0.02 Fixed text alignment issue; Increased acceleration required to activate twist; +0.01 [MAJOR] Added sonic clock app +0.02 [PATCH] Fixed text alignment issue; Increased acceleration required to activate twist; +0.03 [MINOR] Added settings menu to control twist threshold and LCD Activity +0.04 [PATCH] Call `Bangle.setUI` when exiting settings menu, settings tap moved to top +0.05 [PATCH] Firmware 2v11 - use `wakeOnTwist` rather than manual `setLCDPower`; Reset sonic on `fullReset` diff --git a/apps/sonicclk/README.md b/apps/sonicclk/README.md index a381e0a07..54de16115 100644 --- a/apps/sonicclk/README.md +++ b/apps/sonicclk/README.md @@ -8,6 +8,13 @@ A classic sonic clock featuring run, stop and wait animations. - Sonic will run when the screen is unlocked - Sonic will stop when the screen is locked -- Sonic will wait when looking at your watch face (when `Bangle.on("twist", fn)` is fired). +- Sonic will wait when looking at your watch face (when `Bangle.on("twist", fn)` is fired). This option is configurable (see below). + +## Configuration + +To access the settings menu, you can **double tap** on the **top** side of the watch. The following options are configurable: + +- `Active Mode` - catering for 'active' behaviour where the `twist` method can be fired undesirably. When `on` this will prevent the LCD from turning on when a `twist` event is fired. +- `Twist Thresh` - customise the acceleration needed to activate the twist method (see the [`Bangle.setOptions`](https://www.espruino.com/Reference#:~:text=twisted%3F%20default%20%3D%20true-,twistThreshold,-How%20much%20acceleration) method for more info). ### Made with love by [Joseph](https://github.com/Johoseph) 🤗 diff --git a/apps/sonicclk/app.js b/apps/sonicclk/app.js index 296677281..eddb971f8 100644 --- a/apps/sonicclk/app.js +++ b/apps/sonicclk/app.js @@ -109,10 +109,16 @@ let currentSonic = -1; let drawTimeout, drawInterval, waitTimeout; let bgScroll = [0, null]; -const start = () => { +const fullReset = () => { if (drawTimeout) clearTimeout(drawTimeout); if (waitTimeout) clearTimeout(waitTimeout); if (drawInterval) clearInterval(drawInterval); + currentSonic = -1; + currentSpeed = 0; +}; + +const start = () => { + fullReset(); drawInterval = setInterval(() => { draw("start"); @@ -144,7 +150,6 @@ const wait = () => { currentSpeed = 0; if (drawTimeout) clearTimeout(drawTimeout); if (drawInterval) clearInterval(drawInterval); - Bangle.setLCDPower(1); drawInterval = setInterval(() => draw("wait"), timeout); @@ -252,22 +257,80 @@ const draw = (action) => { if (action === "reset") queueDraw(); }; +// Settings +const settings = require("Storage").readJSON("sonicclk-settings") || { + activeMode: false, + twistThreshold: 1600, +}; +let isSettings = false; + +const settingsMenu = { + "": { title: "Settings" }, + "Active Mode": { + value: settings.activeMode, + format: (v) => (v ? "On" : "Off"), + onchange: (v) => (settings.activeMode = v), + }, + "Twist Thresh": { + value: settings.twistThreshold, + min: 800, + max: 4000, + step: 200, + onchange: (v) => (settings.twistThreshold = v), + }, + Exit: () => { + isSettings = false; + + require("Storage").writeJSON("sonicclk-settings", settings); + Bangle.setOptions({ + lockTimeout: 10000, + backlightTimeout: 12000, + twistThreshold: settings.twistThreshold, + wakeOnTwist: !settings.activeMode, + }); + + E.showMenu(); + Bangle.setUI("clock"); + draw("reset"); + start(); + }, +}; + g.setTheme({ bg: "#0099ff", fg: "#fff", dark: true }).clear(); Bangle.on("lock", (locked) => { - if (locked) { - stop(); - } else { - start(); + if (!isSettings) { + if (locked) { + stop(); + } else { + start(); + } } }); -Bangle.on("twist", () => wait()); +Bangle.on("twist", () => { + if (settings.activeMode) { + fullReset(); + draw("reset"); + } else { + wait(); + } +}); + +Bangle.on("tap", (d) => { + if (d.double && d.dir === "top") { + fullReset(); + isSettings = true; + Bangle.setLocked(false); + E.showMenu(settingsMenu); + } +}); Bangle.setOptions({ lockTimeout: 10000, backlightTimeout: 12000, - twistThreshold: 1600, + twistThreshold: settings.twistThreshold, + wakeOnTwist: !settings.activeMode, }); Bangle.setUI("clock"); diff --git a/apps/sonicclk/metadata.json b/apps/sonicclk/metadata.json index 5c907347f..5a2d64db1 100644 --- a/apps/sonicclk/metadata.json +++ b/apps/sonicclk/metadata.json @@ -1,7 +1,7 @@ { "id": "sonicclk", "name": "Sonic Clock", - "version": "0.02", + "version": "0.05", "description": "A classic sonic clock featuring run, stop and wait animations.", "icon": "app.png", "screenshots": [{"url":"screenshot.png"}], diff --git a/apps/vectorclock/ChangeLog b/apps/vectorclock/ChangeLog index 6ba096f88..f1fd5b134 100644 --- a/apps/vectorclock/ChangeLog +++ b/apps/vectorclock/ChangeLog @@ -2,3 +2,4 @@ 0.02: Use Bangle.setUI for button/launcher handling 0.03: Bangle.js 2 support 0.04: Adds costumizable colours and the respective settings menu +0.05: "Chime the time" (buzz or beep) with up/down swipe added diff --git a/apps/vectorclock/app.js b/apps/vectorclock/app.js index e2e4c1e64..e99a13ed1 100644 --- a/apps/vectorclock/app.js +++ b/apps/vectorclock/app.js @@ -4,7 +4,7 @@ var settings = require('Storage').readJSON("vectorclock.json", true) || {}; var dowcol = settings.dowcol || g.theme.fg; var timecol = settings.timecol || g.theme.fg; var datecol = settings.datecol || g.theme.fg; - +var chimetype = settings.chimetype; function padNum(n, l) { return ("0".repeat(l)+n).substr(-l); @@ -44,7 +44,7 @@ function drawVectorText(text, size, x, y, alignX, alignY, color) { function draw() { g.reset(); - + let d = new Date(); let hours = is12Hour ? ((d.getHours() + 11) % 12) + 1 : d.getHours(); let timeText = `${hours}:${padNum(d.getMinutes(), 2)}`; @@ -58,27 +58,27 @@ function draw() { let timeFontSize = width / ((g.stringWidth(timeText) / 256) + (Math.max(g.stringWidth(meridian), g.stringWidth(secondsText)) / 512 * 9 / 10)); let dowFontSize = width / (g.stringWidth(dowText) / 256); let dateFontSize = width / (g.stringWidth(dateText) / 256); - + let timeHeight = g.setFont("Vector", timeFontSize).getFontHeight() * 9 / 10; let dowHeight = g.setFont("Vector", dowFontSize).getFontHeight(); let dateHeight = g.setFont("Vector", dateFontSize).getFontHeight(); - + let remainingHeight = g.getHeight() - 24 - timeHeight - dowHeight - dateHeight; let spacer = remainingHeight / 4; - + let x = 2; let y = 24 + spacer; - + pushCommand(drawVectorText, timeText, timeFontSize, x, y, -1, -1, timecol); pushCommand(drawVectorText, meridian, timeFontSize*9/20, x + width, y, 1, -1, timecol); if (showSeconds) pushCommand(drawVectorText, secondsText, timeFontSize*9/20, x + width, y + timeHeight, 1, 1, timecol); y += timeHeight + spacer; - + pushCommand(drawVectorText, dowText, dowFontSize, x + width/2, y, 0, -1, dowcol); y += dowHeight + spacer; - + pushCommand(drawVectorText, dateText, dateFontSize, x + width/2, y, 0, -1, datecol); - + executeCommands(); } @@ -90,6 +90,57 @@ function tick() { timeout = setTimeout(tick, period - getTime() * 1000 % period); } +// ====================================== Vibration (taken from "Vibrate Clock") +// vibrate 0..9 +function vibrateDigitBuzz(num) { + if (num==0) return Bangle.buzz(500); + return new Promise(function f(resolve){ + if (num--<=0) return resolve(); + Bangle.buzz(100).then(()=>{ + setTimeout(()=>f(resolve), 200); + }); + }); +} +function vibrateDigitBeep(num) { + if (num==0) return Bangle.beep(500); + return new Promise(function f(resolve){ + if (num--<=0) return resolve(); + Bangle.beep(100).then(()=>{ + setTimeout(()=>f(resolve), 200); + }); + }); +} +// vibrate multiple digits (num must be a string) +function vibrateNumber(num) { + return new Promise(function f(resolve){ + if (!num.length) return resolve(); + var digit = num[0]; + num = num.substr(1); + if ("buzz"==chimetype) + vibrateDigitBuzz(digit).then(()=>{ + setTimeout(()=>f(resolve),500);}); + if ("beep"==chimetype) + vibrateDigitBeep(digit).then(()=>{ + setTimeout(()=>f(resolve),500);}); + }); +} +var vibrateBusy; +function vibrateTime() { + if (vibrateBusy) return; + vibrateBusy = true; + var d = new Date(); + var hours = d.getHours(), minutes = d.getMinutes(); + if (is12Hour) { + if (hours == 0) hours = 12; + else if (hours>12) hours -= 12; + } + vibrateNumber(hours.toString()). + then(() => new Promise(resolve=>setTimeout(resolve,500))). + then(() => vibrateNumber(minutes.toString())). + then(() => vibrateBusy=false); +} + + Bangle.on('lcdPower', function(on) { if (timeout) clearTimeout(timeout); timeout = null; @@ -103,6 +154,10 @@ Bangle.on('lock', function(locked) { tick(); }); +if ("buzz"==chimetype || "beep"==chimetype) + Bangle.on("swipe",function(direction){ + if (0==direction) vibrateTime();}); // 0 = swipe up/down + g.clear(); tick(); Bangle.loadWidgets(); diff --git a/apps/vectorclock/metadata.json b/apps/vectorclock/metadata.json index 3da93ccad..63d2ca678 100644 --- a/apps/vectorclock/metadata.json +++ b/apps/vectorclock/metadata.json @@ -1,7 +1,7 @@ { "id": "vectorclock", "name": "Vector Clock", - "version": "0.04", + "version": "0.05", "description": "A digital clock that uses the built-in vector font.", "icon": "app.png", "type": "clock", diff --git a/apps/vectorclock/settings.js b/apps/vectorclock/settings.js index a6f4dd807..86cbad1e5 100644 --- a/apps/vectorclock/settings.js +++ b/apps/vectorclock/settings.js @@ -10,10 +10,10 @@ var colnames = ["white", "yellow", "green", "cyan", "red", "orange", "magenta", "black"]; var colvalues = [0xFFFF, 0xFFE0, 0x07E0, 0x07FF, 0xF800, 0xFD20, 0xF81F, 0x0000]; + var chimenames = ["off", "buzz", "beep"]; // Show the menu E.showMenu({ - "" : { "title" : "VectorClock colours" }, - "< Back" : () => back(), + "" : { "title" : "VectorClock settings" }, 'Time': { value: Math.max(0 | colvalues.indexOf(settings.timecol),0), min: 0, max: colvalues.length-1, @@ -41,5 +41,15 @@ writeSettings(); } }, + 'Chimetype': { + value: Math.max(0 | chimenames.indexOf(settings.chimetype),0), + min: 0, max: chimenames.length-1, + format: v => chimenames[v], + onchange: v => { + settings.chimetype = chimenames[v]; + writeSettings(); + } + }, + "< Back" : () => back(), }); })