BangleApps/apps/ffcniftyb/app.js

// setTimeout(load,100);Bangle.factoryReset();
console.log('mem', process.memory().usage);
const locale = require("locale");
const is12Hour = (require("Storage").readJSON("setting.json", 1) || {})["12hour"];


/* Clock *********************************************/
const scale = g.getWidth() / 176;

const screen = {
  width: g.getWidth(),
  height: g.getHeight() - 24,
};

const center = {
  x: screen.width / 2,
  y: screen.height / 2,
};

const color = g.toColor(255, 0, 0);
console.log('color', color);

function d02(value) {
  return ('0' + value).substr(-2);
}

// const c = E.compiledC(`
// // void xor(int, int, int)
// void xor(int len, int *dst, int *src){
//   len = len>>2;
//   while (len--) {
//     *dst ^= *src;
//     dst++;
//     src++;
//   }
// }
// `);

// function combineLayers(l1, l2) {
//   // const l1ptr = E.getAddressOf(l1.buffer, true);
//   // const l2ptr = E.getAddressOf(l2.buffer, true);
//   // if (l1ptr && l2ptr) {
//   //   c.xor(l1.buffer.length, l1ptr, l2ptr);
//   // }
//   if (l1 && l1.buffer && l2 && l2.buffer) {
//     for (let i = 0; i < l1.buffer.length; i++) {
//       l1.buffer[i] ^= l2.buffer[i];
//     }
//   }
//   return l1;
// }

function renderEllipse(g) {
  g.fillEllipse(center.x - 5 * scale, center.y - 70 * scale, center.x + 160 * scale, center.y + 90 * scale);
}

function renderText(g) {
  const now = new Date();

  const hour = d02(now.getHours() - (is12Hour && now.getHours() > 12 ? 12 : 0));
  const minutes = d02(now.getMinutes());
  const day = d02(now.getDay());
  const month = d02(now.getMonth() + 1);
  const year = now.getFullYear();

  const month2 = locale.month(now, 3);
  const day2 = locale.dow(now, 3);

  g.setFontAlign(1, 0).setFont("Vector", 90 * scale);
  g.drawString(hour, center.x + 32 * scale, center.y - 31 * scale);
  g.drawString(minutes, center.x + 32 * scale, center.y + 46 * scale);

  g.setFontAlign(1, 0).setFont("Vector", 16 * scale);
  g.drawString(year, center.x + 80 * scale, center.y - 42 * scale);
  g.drawString(month, center.x + 80 * scale, center.y - 26 * scale);
  g.drawString(day, center.x + 80 * scale, center.y - 10 * scale);
  g.drawString(month2, center.x + 80 * scale, center.y + 44 * scale);
  g.drawString(day2, center.x + 80 * scale, center.y + 60 * scale);
}

function draw() {
  const s = new Date().getTime();
  console.log('mem.b', process.memory().usage);

  let buf = Graphics.createArrayBuffer(screen.width, screen.height, 1, {
    msb: true
  });

  let img = {
    width: screen.width,
    height: screen.height,
    transparent: 0,
    bpp: 1,
    buffer: buf.buffer
  };

  // cleat screen area
  g.clearRect(0, 24, g.getWidth(), g.getHeight());

  // render outside text with ellipse
  buf.clear()
  renderText(buf.setColor(1));
  renderEllipse(buf.setColor(0));
  g.setColor(color).drawImage(img, 0, 24);

  // render ellipse with inside text
  buf.clear()
  renderEllipse(buf.setColor(1));
  renderText(buf.setColor(0));
  g.setColor(color).drawImage(img, 0, 24);

  buf = undefined;
  img = undefined;

  console.log('mem.e', process.memory().usage);
  console.log('draw', new Date().getTime() - s);
}


/* Minute Ticker *************************************/

let ticker;

function stopTick() {
  if (ticker) {
    clearTimeout(ticker);
    ticker = undefined;
  }
}

function startTick(run) {
  stopTick();
  run();
  ticker = setTimeout(() => startTick(run), 60000 - (Date.now() % 60000));
  // ticker = setTimeout(() => startTick(run), 3000);
}

/* Init **********************************************/

g.clear();
startTick(draw);

// Stop updates when LCD is off, restart when on
Bangle.on('lcdPower', (on) => {
  if (on) {
    startTick(draw);
  } else {
    stopTick();
  }
});

// Load widgets
Bangle.loadWidgets();
Bangle.drawWidgets();

// Show launcher when middle button pressed
Bangle.setUI("clock");
console.log('mem', process.memory().usage);