bryan
/
BangleApps
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Prettify and validate JS

master
MomentumV 2025-02-12 09:38:25 -05:00
parent bc88bf08e3
commit 1c02277bac
1 changed files with 149 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
apps/daymoon/app.js
View File

@ -22,14 +22,23 @@ var COL ={
stime: 2047
};
const TAU = 2.0 * Math.PI;
const MX=g.getWidth()/2,MY=24+3+RADII.arcMax;
const MX = g.getWidth() / 2,
MY = 24 + 3 + RADII.arcMax;
const DAY_MILLIS = 86400000;
const M_POS = { x: MX, y: MY, r: RADII.moon };
// images
const moon_texture = { width : 80, height : 80, bpp : 1,transparent:0,
const moon_texture = {
width: 80,
height: 80,
bpp: 1,
transparent: 0,
buffer: require("heatshrink").decompress(atob("ABsRqAJHkEiBA0N0uq1AIEgNVqtRqoJEgUiAAQJEioTBAAIzEl2q12oxATECQdVioJD/eqne60UCHQoADoAJBgf+xWrFIOACYUFCYo8Cj/73f70er0ROHAANUBIM//3///q1WIFAV1qtXCggJB//7CYO6keikBOHKAUDCIInClSgCgonBu4TK1W73ShBMQxkCh5OC//uFIInBi91q5PFCYISC3er//iOwXVE41UCYf+9//9AnCJopVBqEv/+/3//E4P6kUgJw4nDKAP+14TB1Xoq4hBEwYFBqgnB3Wr3e737KB/QnIqp3B32OKAYTBE4Z4BAoYnBEoRSC0fyE5ITBJ4WuCYP4J4J3CeQQFClbvBJgOqn5kBnRPKTwJMB1B4B92qEgQACJ4JTBkYnBYwOilYsBO5NUhYmB9+qxGC9TxBEYTvFqki3Y8B1Uikei3+oionIgGrO4OqwGC9H/xATK1/7E4UAnU7kATIqEAl/uE4WA12u0ATJgSgB/+ikUgnW70EFCY9AgGDE4PowEAlWowEBCZJ4BneggUgkRSBCZEAgEKJoIEBgEIAYQOCKYcVBIMqJgIEBgQSCgAQBqiJDRQIOBEwYAEMgNRiITBqKKBCYJJBE4xQGMQIABlBPHHgInDHQQjEAQJTCHgbFEABg8EBg5SDCgxNDABI="))
};
const needle = { width: 23, height: 11, bpp:1, transparent:0,
const needle = {
width: 23,
height: 11,
bpp: 1,
transparent: 0,
buffer: atob("///B///D///AAAPAAAHAAAHAAAcAADz///H//8P//wA=")
};
@ -50,9 +59,9 @@ function drawMoon(shadowShape){
g.setColor(0, 0, 0).fillCircle(MX, MY, RADII.arcMax + 3);
g.setColor(COL.moon).fillCircle(MX, MY, RADII.moon);
g.setColor(COL.txture).drawImage(moon_texture, MX, MY, { rotate: 0 });
//later can set the rotation here to the parallacticAngle from getMoonPosition
// TODO: can set the rotation here to the parallacticAngle from getMoonPosition
g.setColor(COL.shadow).fillPoly(shadowShape);
//later set rotation of the fillPoly? parallactic-mp.angle I think.
// TODO: set rotation of the fillPoly? parallactic-mp.angle I think.
// Use g.transformVertices to do the rotation
}
@ -72,7 +81,7 @@ function drawDayRing(times){
g.setFontAlign(0, 1, 1).drawString(hhmm[1], MX + rm + 2, MY);
// draw dots
let edges = [];
boolean isDay;
let isDay = false;
let flag = false;
if (radT[1] > TAU) {
edges = [radT[1] - TAU, radT[0]];
@ -122,12 +131,15 @@ function drawHHMM(d) {
function moonShade(pos, mp) {
pos = pos !== undefined ? pos : M_POS;
mp = mp !== undefined ? mp : SunCalc.getMoonIllumination(new Date());
//position has x,y, r for the drawing, mp is from SunCalc Moon Illumination
// pos has x,y, r for the drawing, mp is from SunCalc Moon Illumination
let k = mp.fraction;
// k is the percent along the equator of the terminator
const pts = Math.min(pos.r >> 1, 32);
// this gives r/2 pts on the way down and up, capped at 64 total for polyfill
let a=[],b=[],s1=1,s2=0;
let a = [],
b = [],
s1 = 1,
s2 = 0;
// scale s1 is 1 or -1 for fixed edge of the shadow; defined via case switches below
// scale s2 factor for the moving edge of the shadow
// need to do some computation to simplify for new/full moon if k 'close enough' to 0 or 1/-1
@ -157,7 +169,8 @@ function tToRad(date) {
function draw() {
// work out how to display the current time
var d = new Date(), a=tToRad(d);
var d = new Date(),
a = tToRad(d);
var shape = moonShade(M_POS, SunCalc.getMoonIllumination(d));
var sTimes = SunCalc.getTimes(d, location.lat, location.lon);
var daylight = [sTimes.sunrise, sTimes.sunset];
@ -167,7 +180,7 @@ function draw() {
drawDayRing(daylight);
drawHHMM(d);
// draw pointer
//Maybe later make this an overlay that can be removed?? -avoid drawing so much every minute/second
// TODO: Maybe later make this an overlay that can be removed?? -avoid drawing so much every minute/second
g.setColor(COL.needle).drawImage(needle, MX + RADII.needle * Math.cos(a), MY + RADII.needle * Math.sin(a), { rotate: a });
}