BangleApps/apps/sunrise/app.js

// banglejs app made by pancake
// sunrise/sunset script by Matt Kane from https://github.com/Triggertrap/sun-js

const LOCATION_FILE = 'mylocation.json';
let location;

Bangle.setUI('clock');
Bangle.loadWidgets();
// requires the myLocation app
function loadLocation () {
  try {
    return require('Storage').readJSON(LOCATION_FILE, 1);
  } catch (e) {
    return { lat: 41.38, lon: 2.168 };
  }
}
let frames = 0; // amount of pending frames to render (0 if none)
let curPos = 0; // x position of the sun
let realPos = 0; // x position of the sun depending on currentime
const latlon = loadLocation() || {};
const lat = latlon.lat || 41.38;
const lon = latlon.lon || 2.168;

/**
 *	Sunrise/sunset script. By Matt Kane.
 *
 *  Based loosely and indirectly on Kevin Boone's SunTimes Java implementation
 *  of the US Naval Observatory's algorithm.
 *
 *  Copyright © 2012 Triggertrap Ltd. All rights reserved.
 *
 * This library is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General
 * Public License as published by the Free Software Foundation; either version 2.1 of the License, or (at your option)
 * any later version.
 *
 * This library is distributed in the hope that it will be useful,but WITHOUT ANY WARRANTY; without even the implied
 * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for more
 * details.
 * You should have received a copy of the GNU Lesser General Public License along with this library; if not, write to
 * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA,
 * or connect to: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html
 */

Date.prototype.sunrise = function (latitude, longitude, zenith) {
  return this.sunriseSet(latitude, longitude, true, zenith);
};

Date.prototype.sunset = function (latitude, longitude, zenith) {
  return this.sunriseSet(latitude, longitude, false, zenith);
};

Date.prototype.sunriseSet = function (latitude, longitude, sunrise, zenith) {
  if (!zenith) {
    zenith = 90.8333;
  }

  const hoursFromMeridian = longitude / Date.DEGREES_PER_HOUR;
  const dayOfYear = this.getDayOfYear();
  let approxTimeOfEventInDays;
  let sunMeanAnomaly;
  let sunTrueLongitude;
  let ascension;
  let rightAscension;
  let lQuadrant;
  let raQuadrant;
  let sinDec;
  let cosDec;
  let localHourAngle;
  let localHour;
  let localMeanTime;
  let time;

  if (sunrise) {
    approxTimeOfEventInDays = dayOfYear + ((6 - hoursFromMeridian) / 24);
  } else {
    approxTimeOfEventInDays = dayOfYear + ((18.0 - hoursFromMeridian) / 24);
  }

  sunMeanAnomaly = (0.9856 * approxTimeOfEventInDays) - 3.289;

  sunTrueLongitude = sunMeanAnomaly + (1.916 * Math.sinDeg(sunMeanAnomaly)) + (0.020 * Math.sinDeg(2 * sunMeanAnomaly)) + 282.634;
  sunTrueLongitude = Math.mod(sunTrueLongitude, 360);

  ascension = 0.91764 * Math.tanDeg(sunTrueLongitude);
  rightAscension = 360 / (2 * Math.PI) * Math.atan(ascension);
  rightAscension = Math.mod(rightAscension, 360);

  lQuadrant = Math.floor(sunTrueLongitude / 90) * 90;
  raQuadrant = Math.floor(rightAscension / 90) * 90;
  rightAscension = rightAscension + (lQuadrant - raQuadrant);
  rightAscension /= Date.DEGREES_PER_HOUR;

  sinDec = 0.39782 * Math.sinDeg(sunTrueLongitude);
  cosDec = Math.cosDeg(Math.asinDeg(sinDec));
  cosLocalHourAngle = ((Math.cosDeg(zenith)) - (sinDec * (Math.sinDeg(latitude)))) / (cosDec * (Math.cosDeg(latitude)));

  localHourAngle = Math.acosDeg(cosLocalHourAngle);

  if (sunrise) {
    localHourAngle = 360 - localHourAngle;
  }

  localHour = localHourAngle / Date.DEGREES_PER_HOUR;

  localMeanTime = localHour + rightAscension - (0.06571 * approxTimeOfEventInDays) - 6.622;

  time = localMeanTime - (longitude / Date.DEGREES_PER_HOUR);
  time = Math.mod(time, 24);

  const midnight = new Date(0);
  // midnight.setUTCFullYear(this.getUTCFullYear());
  // midnight.setUTCMonth(this.getUTCMonth());
  // midnight.setUTCDate(this.getUTCDate());

  const milli = midnight.getTime() + (time * 60 * 60 * 1000);

  return new Date(milli);
};

Date.DEGREES_PER_HOUR = 360 / 24;

// Utility functions

Date.prototype.getDayOfYear = function () {
  const onejan = new Date(this.getFullYear(), 0, 1);
  return Math.ceil((this - onejan) / 86400000);
};

Math.degToRad = function (num) {
  return num * Math.PI / 180;
};

Math.radToDeg = function (radians) {
  return radians * 180.0 / Math.PI;
};

Math.sinDeg = function (deg) {
  return Math.sin(deg * 2.0 * Math.PI / 360.0);
};

Math.acosDeg = function (x) {
  return Math.acos(x) * 360.0 / (2 * Math.PI);
};

Math.asinDeg = function (x) {
  return Math.asin(x) * 360.0 / (2 * Math.PI);
};

Math.tanDeg = function (deg) {
  return Math.tan(deg * 2.0 * Math.PI / 360.0);
};

Math.cosDeg = function (deg) {
  return Math.cos(deg * 2.0 * Math.PI / 360.0);
};

Math.mod = function (a, b) {
  let result = a % b;
  if (result < 0) {
    result += b;
  }
  return result;
};

const delta = 2;
const sunrise = new Date().sunrise(lat, lon);
const sr = sunrise.getHours() + ':' + sunrise.getMinutes();
console.log('sunrise', sunrise);
const sunset = new Date().sunset(lat, lon);
const ss = sunset.getHours() + ':' + sunset.getMinutes();
console.log('sunset', sunset);

const w = g.getWidth();
const h = g.getHeight();
const oy = h / 1.7;

let sunRiseX = 0;
let sunSetX = 0;
const sinStep = 12;

function drawSinuses () {
  let x = 0;

  g.setColor(0, 0, 0);
  // g.fillRect(0,oy,w, h);
  g.setColor(1, 1, 1);
  let y = oy;
  for (i = 0; i < w; i++) {
    x = i;
    x2 = x + sinStep + 1;
    y2 = ypos(i);
    if (x == 0) {
      y = y2;
    }
    g.drawLine(x, y, x2, y2);
    y = y2;
    i += sinStep; // no need to draw all steps
  }

  // sea level line
  const hh0 = sunrise.getHours();
  const hh1 = sunset.getHours();
  const sl0 = seaLevel(hh0);
  const sl1 = seaLevel(hh1);
  sunRiseX = xfromTime(hh0) + (r / 2);
  sunSetX = xfromTime(hh1) + (r / 2);
  g.setColor(0, 0.5, 1);
  g.drawLine(0, sl0, w, sl1);
  g.setColor(0, 0.5, 1);
  g.drawLine(0, sl0 + 1, w, sl1 + 1);
  /*
  g.setColor(0, 0, 1);
  g.drawLine(0, sl0 + 1, w, sl1 + 1);
  g.setColor(0, 0, 0.5);
  g.drawLine(0, sl0 + 2, w, sl1 + 2);
  */
}

function drawTimes () {
  g.setColor(1, 1, 1);
  g.setFont('6x8', 2);
  g.drawString(sr, 10, h - 20);
  g.drawString(ss, w - 60, h - 20);
}

let pos = 0;
let realTime = true;
const r = 10;

function drawGlow () {
  const now = new Date();
  if (frames < 1 && realTime) {
    pos = xfromTime(now.getHours());
  }
  const rh = r / 2;
  const x = pos;
  const y = ypos(x - r);
  const r2 = 0;
  if (x > sunRiseX && x < sunSetX) {
    g.setColor(0.2, 0.2, 0);
    g.fillCircle(x, y, r + 20);
    g.setColor(0.5, 0.5, 0);
    // wide glow
  } else {
    g.setColor(0.2, 0.2, 0);
  }
  // smol glow
  g.fillCircle(x, y, r + 8);
}

function seaLevel (hour) {
  // hour goes from 0 to 24
  // to get the X we divide the screen in 24
  return ypos(xfromTime(hour));
}

function ypos (x) {
  const pc = (x * 100 / w);
  return oy + (32 * Math.sin(1.7 + (pc / 16)));
}

function xfromTime (t) {
  return (w / 24) * t;
}

function drawBall () {
  let x = pos;
  const now = new Date();
  if (frames < 1 && realTime) {
    x = xfromTime(now.getHours());
  }
  const y = ypos(x - r);

  // glow
  if (x < sunRiseX || x > sunSetX) {
    g.setColor(0.5, 0.5, 0);
  } else {
    g.setColor(1, 1, 1);
  }
  const rh = r / 2;
  g.fillCircle(x, y, r);
  g.setColor(1, 1, 0);
  g.drawCircle(x, y, r);
}
function drawClock () {
  const now = new Date();

  let curTime = '';
  let fhours = 0.0;
  let fmins = 0.0;
  let ypos = 32;
  if (realTime) {
    fhours = now.getHours();
    fmins = now.getMinutes();
  } else {
    ypos = 32;
    fhours = 24 * (pos / w);
    if (fhours > 23) {
      fhours = 0;
    }
    const nexth = 24 * 60 * (pos / w);
    fmins = 59 - ((24 * 60) - nexth) % 60;
    if (fmins < 0) {
      fmins = 0;
    }
  }
  if (fmins > 59) {
    fmins = 59;
  }
  const hours = ((fhours < 10) ? '0' : '') + (0 | fhours);
  const mins = ((fmins < 10) ? '0' : '') + (0 | fmins);
  curTime = hours + ':' + mins;
  g.setFont('Vector', 30);
  if (realTime) {
    g.setColor(1, 1, 1);
  } else {
    g.setColor(0, 1, 1);
  }
  g.drawString(curTime, w / 1.9, ypos);
  // day-month
  if (realTime) {
    const mo = now.getMonth() + 1;
    const da = now.getDate();
    const daymonth = '' + da + '/' + mo;
    g.setFont('6x8', 2);
    g.drawString(daymonth, 5, 30);
  }
}

function renderScreen () {
  g.setColor(0, 0, 0);
  g.fillRect(0, 30, w, h);
  realPos = xfromTime((new Date()).getHours());
  g.setFontAlign(-1, -1, 0);

  Bangle.drawWidgets();

  drawGlow();
  drawSinuses();
  drawTimes();
  drawClock();
  drawBall();
}

Bangle.on('drag', function (tap, top) {
  if (tap.y < h / 3) {
    curPos = pos;
    initialAnimation();
  } else {
    pos = tap.x - 5;
    realTime = false;
  }
  renderScreen();
});

Bangle.on('lock', () => {
  // TODO: render animation here
  realTime = Bangle.isLocked();
  renderScreen();
});

renderScreen();

realPos = xfromTime((new Date()).getHours());

function initialAnimationFrame () {
  let distance = (realPos - curPos) / 4;
  if (distance > 20) {
    distance = 20;
  }
  curPos += distance;
  pos = curPos;
  renderScreen();
  if (curPos >= realPos) {
    frame = 0;
  }
  frames--;
  if (frames-- > 0) {
    setTimeout(initialAnimationFrame, 50);
  } else {
    realTime = true;
    renderScreen();
  }
}

function initialAnimation () {
  const distance = Math.abs(realPos - pos);
  frames = distance / 4;
  realTime = false;
  initialAnimationFrame();
}

function main () {
  g.setBgColor(0, 0, 0);
  g.clear();
  setInterval(renderScreen, 60 * 1000);
  pos = 0;
  initialAnimation();
}

main();