sonicclk minor - add settings to control twist/lcd

apps.json

@@ -5381,7 +5381,7 @@
   {
     "id": "sonicclk",
     "name": "Sonic Clock",
-    "version": "1.01",
+    "version": "1.10",
     "description": "A classic sonic clock featuring run, stop and wait animations.",
     "icon": "app.png",
     "screenshots": [{"url":"screenshot.png"}],

apps/sonicclk/Changelog

@@ -1,2 +1,3 @@
 1.00 Added sonic clock app
-1.01 Fixed text alignment issue; Increased acceleration required to activate twist;
+1.01 Fixed text alignment issue; Increased acceleration required to activate twist;
+1.10 Added settings menu to control twist threshold and LCD Activity

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 **right** 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) 🤗

apps/sonicclk/app.js

@@ -109,10 +109,14 @@ 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);
+}
+
+const start = () => {
+  fullReset();
 
   drawInterval = setInterval(() => {
     draw("start");
@@ -252,22 +256,75 @@ 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,
+    });
+
+    E.showMenu();
+    draw("reset");
+    start();
+  }
+};
+
 g.setTheme({ bg: "#0099ff", fg: "#fff", dark: true }).clear();
 
 Bangle.on("lock", (locked) => {
-  if (locked) {
+  if (!isSettings) {
-    stop();
+    if (locked) {
-  } else {
+      stop();
-    start();
+    } 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 === "right") {
+    fullReset();
+    isSettings = true;
+    Bangle.setLocked(false);
+    E.showMenu(settingsMenu);
+  }
+});
 
 Bangle.setOptions({
   lockTimeout: 10000,
   backlightTimeout: 12000,
-  twistThreshold: 1600,
+  twistThreshold: settings.twistThreshold,
 });
 
 Bangle.setUI("clock");