forked from FOSS/BangleApps
add Meridian Clock
parent
a5b0d8965b
commit
3aa0e09f28
|
@ -0,0 +1 @@
|
|||
0.01: New Clock!
|
|
@ -0,0 +1,25 @@
|
|||
# Clock Name
|
||||
|
||||
More info on making Clock Faces: https://www.espruino.com/Bangle.js+Clock
|
||||
|
||||
Describe the Clock...
|
||||
|
||||
## Usage
|
||||
|
||||
Describe how to use it
|
||||
|
||||
## Features
|
||||
|
||||
Name the function
|
||||
|
||||
## Controls
|
||||
|
||||
Name the buttons and what they are used for
|
||||
|
||||
## Requests
|
||||
|
||||
Name who should be contacted for support/update requests
|
||||
|
||||
## Creator
|
||||
|
||||
Your name
|
|
@ -0,0 +1 @@
|
|||
require("heatshrink").decompress(atob("mEwgMAkEAwEEBIMQAo8IH1WAAgcBsAFDgwRFJwIADgYYF8AMEvAFEjgFEh4eF4AGE+AFEnAeKG4Y0BgIFBg5QHC4ojFF4kBHYkHMAhzGABcQxAkEhgDBawMAZQMEFokDaVUQagI2BAocEIQYFCA="))
|
|
@ -0,0 +1,188 @@
|
|||
require("FontDylex7x13").add(Graphics);
|
||||
|
||||
var weather = require("Storage").readJSON("weather.json", 1) || {};
|
||||
|
||||
function getArcXY(centerX, centerY, radius, angle) {
|
||||
var s,
|
||||
r = [];
|
||||
s = (2 * Math.PI * angle) / 360;
|
||||
r.push(centerX + Math.round(Math.cos(s) * radius));
|
||||
r.push(centerY + Math.round(Math.sin(s) * radius));
|
||||
return r;
|
||||
}
|
||||
|
||||
function getArc(centerX, centerY, radius, startAngle, endAngle) {
|
||||
var xy,
|
||||
r = [],
|
||||
actAngle = startAngle;
|
||||
var stepAngle = ((radius + radius) * Math.PI) / 60;
|
||||
stepAngle = 6;
|
||||
while (actAngle < endAngle) {
|
||||
r = r.concat(getArcXY(centerX, centerY, radius, actAngle));
|
||||
actAngle += stepAngle;
|
||||
actAngle = Math.min(actAngle, endAngle);
|
||||
}
|
||||
return r.concat(getArcXY(centerX, centerY, radius, endAngle));
|
||||
}
|
||||
|
||||
var timeout;
|
||||
|
||||
function fillLine(x1, y1, x2, y2, thickness) {
|
||||
const angle = Math.atan2(y2 - y1, x2 - x1);
|
||||
const offset_x = (thickness * Math.sin(angle)) / 2;
|
||||
const offset_y = (thickness * Math.cos(angle)) / 2;
|
||||
g.fillPoly(
|
||||
[
|
||||
x1 + offset_x,
|
||||
y1 - offset_y,
|
||||
x1 - offset_x,
|
||||
y1 + offset_y,
|
||||
x2 - offset_x,
|
||||
y2 + offset_y,
|
||||
x2 + offset_x,
|
||||
y2 - offset_y,
|
||||
],
|
||||
true
|
||||
);
|
||||
}
|
||||
|
||||
function getWeatherIcon(txt) {
|
||||
txt = txt.toLowerCase();
|
||||
if (txt == "rainy") {
|
||||
return atob("EhCBAAAAAPwAf4A/8A/8D//H//v////////3//j//AjEBiMDEIAAAA==");
|
||||
} else if (txt == "cloudy") {
|
||||
return atob("FA6BAABgAD/AB/4Af+A//wf/+H//7//+//////////f//j//4P/4");
|
||||
} else if (txt == "sunny") {
|
||||
return atob(
|
||||
"FBSBAABgAAYAAAABgBgY8YA/wAf+AH/gD/8M//PP/zD/8Af+AH/gA/wBjxgYAYAAAABgAAYA"
|
||||
);
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
function draw() {
|
||||
g.setTheme({ fg: 0xffff, bg: 0 });
|
||||
|
||||
if (timeout) {
|
||||
clearTimeout(timeout);
|
||||
timeout = undefined;
|
||||
}
|
||||
g.reset().clear();
|
||||
g.setColor("#FFF");
|
||||
|
||||
const mid = g.getWidth() / 2;
|
||||
g.drawImage(
|
||||
require("heatshrink").decompress(
|
||||
atob(
|
||||
"2GwgIGDhwMEgPAAwk4Dg8HCpdwCqnwCo8DwAVK8AVIB4gVFgIVIB4wFKD5IPFG4pLJCosHMYiNJCozNJvAVJh4VJkAKJgT/PAH4A/AH4A/AH4A/AH4A/ADWACqngCicD/AVTh9+Cqc/n4VTv0P4AURgP4gZuSCYQrTVwNACqT/6AH4A/AH4A/AH4A/AH4A/AH4A/AH4A/AH4Ah//ACaMD/4VrQP4A/AH4A/AH4A/AH4A/AH4A/AH4A/AH4A/ADlACSMBAQPACqMDwED8AVS8EPFaUB/E/Nad+vwVTn/4CqcPNiSEDd/4A/AH4A/AH4A/AH4A/AH8gAgcB4AFDgwVJvAVJh4VJuAVJg4VJ8AVJgeACg8BCqoPEApYfECpY3EGpIlGCpEHCpfwCo6jFCoylEA="
|
||||
)
|
||||
)
|
||||
);
|
||||
|
||||
g.setFontAlign(0, 0);
|
||||
g.setFont("Dylex7x13", 1);
|
||||
|
||||
const battery = E.getBattery() || 50;
|
||||
const outerarc = getArc(
|
||||
g.getWidth() * (1 / 4) + 1,
|
||||
g.getHeight() * (1 / 4) - 1,
|
||||
14,
|
||||
-90,
|
||||
Math.max(battery * 3.6, 10) - 90
|
||||
);
|
||||
const innerarc = getArc(
|
||||
g.getWidth() * (1 / 4) + 1,
|
||||
g.getHeight() * (1 / 4) - 1,
|
||||
11,
|
||||
-92,
|
||||
Math.max(battery * 3.6, 10) - 88
|
||||
);
|
||||
g.setColor("#00FF00").fillPoly(
|
||||
[g.getWidth() * (1 / 4), g.getHeight() * (1 / 4) - 2].concat(outerarc)
|
||||
);
|
||||
g.setColor("#000").fillPoly(
|
||||
[g.getWidth() * (1 / 4), g.getHeight() * (1 / 4) - 2].concat(innerarc)
|
||||
);
|
||||
g.setColor("#FFF").drawString(
|
||||
battery,
|
||||
g.getWidth() * (1 / 4),
|
||||
g.getHeight() * (1 / 4)
|
||||
);
|
||||
|
||||
if (weather && weather.txt) {
|
||||
const icon = getWeatherIcon(weather.txt);
|
||||
if (icon) {
|
||||
g.drawImage(
|
||||
icon,
|
||||
g.getWidth() * (3 / 4) - 10,
|
||||
g.getHeight() * (1 / 4) - 10
|
||||
);
|
||||
} else {
|
||||
g.drawString(
|
||||
weather.txt,
|
||||
g.getWidth() * (3 / 4),
|
||||
g.getHeight() * (1 / 4)
|
||||
);
|
||||
}
|
||||
g.drawString(
|
||||
weather.temp || "-",
|
||||
g.getWidth() * (3 / 4),
|
||||
g.getHeight() * (1 / 4) + 16
|
||||
);
|
||||
}
|
||||
|
||||
const now = new Date();
|
||||
|
||||
g.setFont("Vector", 14);
|
||||
// Date (ex. MON 8)
|
||||
g.drawString(
|
||||
require("locale").dow(now, 1).toUpperCase() + " " + now.getDate(),
|
||||
g.getWidth() / 2,
|
||||
g.getHeight() * (3 / 4)
|
||||
);
|
||||
|
||||
let rhour =
|
||||
(now.getHours() * Math.PI) / 6 +
|
||||
(now.getMinutes() * Math.PI) / 30 / 12 -
|
||||
Math.PI / 2;
|
||||
let rmin = (now.getMinutes() * Math.PI) / 30 - Math.PI / 2;
|
||||
|
||||
// Middle circle
|
||||
g.fillCircle(mid, mid, 4);
|
||||
|
||||
// Hours hand
|
||||
fillLine(mid, mid, mid + Math.cos(rhour) * 10, mid + Math.sin(rhour) * 10, 3);
|
||||
fillLine(
|
||||
mid + Math.cos(rhour) * 10,
|
||||
mid + Math.sin(rhour) * 10,
|
||||
mid + Math.cos(rhour) * 50,
|
||||
mid + Math.sin(rhour) * 50,
|
||||
7
|
||||
);
|
||||
|
||||
// Minutes hand
|
||||
fillLine(mid, mid, mid + Math.cos(rmin) * 10, mid + Math.sin(rmin) * 10, 3);
|
||||
fillLine(
|
||||
mid + Math.cos(rmin) * 10,
|
||||
mid + Math.sin(rmin) * 10,
|
||||
mid + Math.cos(rmin) * 76,
|
||||
mid + Math.sin(rmin) * 76,
|
||||
7
|
||||
);
|
||||
|
||||
if (now.getMinutes() == 0) {
|
||||
Bangle.buzz();
|
||||
}
|
||||
|
||||
timeout = setTimeout(() => {
|
||||
timeout = undefined;
|
||||
draw();
|
||||
}, 60000 - (Date.now() % 60000));
|
||||
}
|
||||
|
||||
draw();
|
||||
|
||||
Bangle.setUI("clock");
|
||||
Bangle.loadWidgets();
|
||||
Bangle.drawWidgets();
|
Binary file not shown.
After Width: | Height: | Size: 1.5 KiB |
|
@ -0,0 +1,17 @@
|
|||
{
|
||||
"id": "meridian",
|
||||
"name": "Meridian Clock",
|
||||
"shortName": "Meridian",
|
||||
"version": "0.01",
|
||||
"description": "An Elegant Clock",
|
||||
"screenshots": [{ "url": "screenshot.png" }],
|
||||
"icon": "app.png",
|
||||
"type": "clock",
|
||||
"tags": "clock",
|
||||
"supports": ["BANGLEJS2"],
|
||||
"readme": "README.md",
|
||||
"storage": [
|
||||
{ "name": "meridian.app.js", "url": "app.js" },
|
||||
{ "name": "meridian.img", "url": "app-icon.js", "evaluate": true }
|
||||
]
|
||||
}
|
Binary file not shown.
After Width: | Height: | Size: 2.0 KiB |
Loading…
Reference in New Issue