mirror of https://github.com/espruino/BangleApps
137 lines
4.1 KiB
JavaScript
137 lines
4.1 KiB
JavaScript
//Binary LED Clock (BLC) by aeMKai
|
|
|
|
{ // must be inside our own scope here so that when we are unloaded everything disappears
|
|
// we also define functions using 'let fn = function() {..}' for the same reason. function decls are global
|
|
let drawTimeout;
|
|
|
|
// Actually draw the watch face
|
|
let draw = function()
|
|
{
|
|
// Bangle.js2 -> 176x176
|
|
var x_rgt = g.getWidth();
|
|
var y_bot = g.getHeight();
|
|
//var x_cntr = x_rgt / 2;
|
|
var y_cntr = y_bot / 18*7; // not to high because of widget-field (1/3 is to high)
|
|
g.reset().clearRect(Bangle.appRect); // clear whole background (w/o widgets)
|
|
|
|
let white = [1,1,1];
|
|
let red = [1,0,0];
|
|
let green = [0,1,0];
|
|
//let blue = [0,0,1];
|
|
let yellow = [1,1,0];
|
|
//let magenta = [1,0,1];
|
|
//let cyan = [0,1,1];
|
|
let black = [0,0,0];
|
|
let bord_col = white;
|
|
let col_off = black;
|
|
|
|
var col = new Array(red, green, yellow, yellow); // [R,G,B]
|
|
|
|
let pot_2 = [1, 2, 4, 8, 16, 32]; // array with powers of two, because power-op (**)
|
|
// doesn't work -> maybe also faster
|
|
|
|
|
|
var nr_lines = 4; // 4 rows: hour (hr), minute (min), day (day), month (mon)
|
|
|
|
// Arrays: [hr, min, day, mon]
|
|
//No of Bits: 5 6 5 4
|
|
let msbits = [4, 5, 4, 3]; // MSB = No bits - 1
|
|
let rad = [12, 12, 8, 8]; // radiuses for each row
|
|
var x_dist = 28;
|
|
let y_dist = [0, 30, 60, 85]; // y-position from y_centr for each row from top
|
|
// don't calc. automatic as for x, because of different spaces
|
|
var x_offs_rgt = 16; // distance from right border (layout)
|
|
|
|
// Date-Time-Array: 4x6 Bit
|
|
//var idx_hr = 0;
|
|
//var idx_min = 1;
|
|
//var idx_day = 2;
|
|
//var idx_mon = 3;
|
|
var dt_bit_arr = [[0, 0, 0, 0, 0, 0],[0, 0, 0, 0, 0, 0],[0, 0, 0, 0, 0, 0],[0, 0, 0, 0, 0, 0]];
|
|
|
|
var date_time = new Date();
|
|
var hr = date_time.getHours(); // 0..23
|
|
var min = date_time.getMinutes(); // 0..59
|
|
var day = date_time.getDate(); // 1..31
|
|
var mon = date_time.getMonth() + 1; // GetMonth() -> 0..11
|
|
|
|
let dt_array = [hr, min, day, mon];
|
|
|
|
|
|
////////////////////////////////////////
|
|
// compute bit-pattern from time/date and draw leds
|
|
////////////////////////////////////////
|
|
var line_cnt = 0;
|
|
var cnt = 0;
|
|
var bit_cnt = 0;
|
|
|
|
while (line_cnt < nr_lines)
|
|
{
|
|
|
|
////////////////////////////////////////
|
|
// compute bit-pattern
|
|
bit_cnt = msbits[line_cnt];
|
|
|
|
while (bit_cnt >= 0)
|
|
{
|
|
if (dt_array[line_cnt] >= pot_2[bit_cnt])
|
|
{
|
|
dt_array[line_cnt] -= pot_2[bit_cnt];
|
|
dt_bit_arr[line_cnt][bit_cnt] = 1;
|
|
}
|
|
else
|
|
{
|
|
dt_bit_arr[line_cnt][bit_cnt] = 0;
|
|
}
|
|
bit_cnt--;
|
|
}
|
|
|
|
////////////////////////////////////////
|
|
// draw leds (first white border for black screen, then led itself)
|
|
cnt = 0;
|
|
|
|
while (cnt <= msbits[line_cnt])
|
|
{
|
|
g.setColor(bord_col[0], bord_col[1], bord_col[2]);
|
|
g.drawCircle(x_rgt-x_offs_rgt-cnt*x_dist, y_cntr-20+y_dist[line_cnt], rad[line_cnt]);
|
|
|
|
if (dt_bit_arr[line_cnt][cnt] == 1)
|
|
{
|
|
g.setColor(col[line_cnt][0], col[line_cnt][1], col[line_cnt][2]);
|
|
}
|
|
else
|
|
{
|
|
g.setColor(col_off[0], col_off[1], col_off[2]);
|
|
}
|
|
g.fillCircle(x_rgt-x_offs_rgt-cnt*x_dist, y_cntr-20+y_dist[line_cnt], rad[line_cnt]-1);
|
|
cnt++;
|
|
}
|
|
line_cnt++;
|
|
}
|
|
|
|
// queue next draw
|
|
if (drawTimeout) clearTimeout(drawTimeout);
|
|
drawTimeout = setTimeout(function()
|
|
{
|
|
drawTimeout = undefined;
|
|
draw();
|
|
}, 60000 - (Date.now() % 60000));
|
|
};
|
|
|
|
// Show launcher when middle button pressed
|
|
Bangle.setUI(
|
|
{
|
|
mode : "clock",
|
|
remove : function()
|
|
{
|
|
// Called to unload all of the clock app
|
|
if (drawTimeout) clearTimeout(drawTimeout);
|
|
drawTimeout = undefined;
|
|
}
|
|
});
|
|
// Load widgets
|
|
Bangle.loadWidgets();
|
|
draw();
|
|
setTimeout(Bangle.drawWidgets,0);
|
|
}
|