mirror of https://github.com/espruino/BangleApps
105 lines
2.3 KiB
JavaScript
105 lines
2.3 KiB
JavaScript
var pal4color = new Uint16Array([0x0000,0xFFFF,0x7BEF,0xAFE5],0,2); // b,w,grey,greenyellow
|
|
var pal4red = new Uint16Array([0x0000,0xFFFF,0xF800,0xAFE5],0,2); // b,w,red,greenyellow
|
|
var buf = Graphics.createArrayBuffer(160,160,2,{msb:true});
|
|
|
|
function flip(x,y) {
|
|
g.drawImage({width:160,height:160,bpp:2,buffer:buf.buffer, palette:pal4color}, x, y);
|
|
buf.clear();
|
|
}
|
|
|
|
function flip_red(x,y) {
|
|
g.drawImage({width:160,height:160,bpp:2,buffer:buf.buffer, palette:pal4red}, x, y);
|
|
buf.clear();
|
|
}
|
|
|
|
function radians(a) {
|
|
return a*Math.PI/180;
|
|
}
|
|
|
|
function drawSteps() {
|
|
var i = 0;
|
|
var cx = 80;
|
|
var cy = 75;
|
|
var r = 56;
|
|
var steps = getSteps();
|
|
var percent = steps / 10000;
|
|
|
|
if (percent > 1) percent = 1;
|
|
|
|
var startrot = 0 - 180;
|
|
var midrot = -180 - (360 * percent);
|
|
var endrot = -360 - 180;
|
|
|
|
buf.setColor(3); // green-yellow
|
|
|
|
// draw guauge
|
|
for (i = startrot; i > midrot; i--) {
|
|
x = cx + r * Math.sin(radians(i));
|
|
y = cy + r * Math.cos(radians(i));
|
|
buf.fillCircle(x,y,4);
|
|
}
|
|
|
|
buf.setColor(2); // grey
|
|
|
|
// draw remainder of guage in grey
|
|
for (i = midrot; i > endrot; i--) {
|
|
x = cx + r * Math.sin(radians(i));
|
|
y = cy + r * Math.cos(radians(i));
|
|
buf.fillCircle(x,y,4);
|
|
}
|
|
|
|
// draw steps
|
|
buf.setColor(1); // white
|
|
buf.setFont("Vector", 24);
|
|
buf.setFontAlign(0,0);
|
|
buf.drawString(steps, 80, cy);
|
|
|
|
// change the remaining color to RED if battery is below 25%
|
|
if (E.getBattery() > 25)
|
|
flip(40,100);
|
|
else
|
|
flip_red(40,100);
|
|
}
|
|
|
|
function draw() {
|
|
var d = new Date();
|
|
var da = d.toString().split(" ");
|
|
var time = da[4].substr(0,5);
|
|
|
|
g.clearRect(0, 30, 239, 99);
|
|
g.setColor(1,1,1);
|
|
g.setFontAlign(0, -1);
|
|
g.setFont("Vector", 80);
|
|
g.drawString(time, 120, 30, true);
|
|
|
|
drawSteps();
|
|
}
|
|
|
|
function getSteps() {
|
|
if (stepsWidget() !== undefined)
|
|
return stepsWidget().getSteps();
|
|
return "-";
|
|
}
|
|
|
|
function stepsWidget() {
|
|
if (WIDGETS.activepedom !== undefined) {
|
|
return WIDGETS.activepedom;
|
|
} else if (WIDGETS.wpedom !== undefined) {
|
|
return WIDGETS.wpedom;
|
|
}
|
|
return undefined;
|
|
}
|
|
|
|
// handle switch display on by pressing BTN1
|
|
Bangle.on('lcdPower', function(on) {
|
|
if (on) draw();
|
|
});
|
|
|
|
g.reset();
|
|
g.clear();
|
|
Bangle.loadWidgets();
|
|
Bangle.drawWidgets();
|
|
setInterval(draw, 15000); // refresh every 15s
|
|
draw();
|
|
setWatch(Bangle.showLauncher, BTN2, {repeat:false,edge:"falling"});
|