mirror of https://github.com/espruino/BangleApps
Merge pull request #706 from hughbarney/master
Kitchen Combo - multiclock combo of Stepo, Walkersclock, Waypointer and Arrow, can quickly switch betweenpull/707/head^2
Gordon Williams
GitHub
commit
6c481a118b
20
apps.json
20
apps.json
|
|
@ -3041,5 +3041,23 @@
|
|||
"evaluate": true
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{ "id": "kitchen",
|
||||
"name": "Kitchen Combo",
|
||||
"icon": "kitchen.png",
|
||||
"version":"0.01",
|
||||
"description": "Combination of the stepo, walkersclock, arrow and waypointer apps into a multiclock format. 'Everything but the kitchen sink'. Requires firmware v2.08.167 or later",
|
||||
"tags": "tool,outdoors,gps",
|
||||
"readme": "README.md",
|
||||
"interface":"waypoints.html",
|
||||
"storage": [
|
||||
{"name":"kitchen.app.js","url":"kitchen.app.js"},
|
||||
{"name":"stepo.kit.js","url":"stepo.kit.js"},
|
||||
{"name":"gps.kit.js","url":"gps.kit.js"},
|
||||
{"name":"digi.kit.js","url":"digi.kit.js"},
|
||||
{"name":"compass.kit.js","url":"compass.kit.js"},
|
||||
{"name":"waypoints.json","url":"waypoints.json","evaluate":false},
|
||||
{"name":"kitchen.img","url":"kitchen.icon.js","evaluate":true}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
|
|||
|
|
@ -0,0 +1,199 @@
|
|||
# Kitchen Combo - a multiclock format of the waypointer, walksersclock, stopo and arrow apps.
|
||||
|
||||
|
||||
|
||||
*...everything but the kitchen sink..*
|
||||
|
||||
NOTE: This app require Bangle firmware 2.08.187 or later.
|
||||
|
||||
The app is aimed at navigation whilst walking. Please note that it
|
||||
would be foolish in the extreme to rely on this as your only
|
||||
navigation aid!
|
||||
|
||||
Please refer to the section on calibration of the compass. This
|
||||
should be done each time the app is going to be used.
|
||||
|
||||
The app has 4 faces that can quickly be switched from one to another.
|
||||
* Stepo - a large font clock that dosplays the current steps in a doughnut guauge
|
||||
* GPS - when the GPS is on displays current grid ref, lat, lon, speed, altitude and course
|
||||
* Digi - a digital clock with day and date, displays battery and memory status (click BTN1)
|
||||
* Waypointer - a compass arrow that points to a selected waypoint when the GPS is on.
|
||||
- enables you to mark waypoints and cycle through a list of waypoints
|
||||
- shows distance and bearing to currently selected waypoint
|
||||
|
||||
|
||||
## Common buttons used to navigate through the app
|
||||
|
||||
* BTN3 - short press, next app/clock face
|
||||
* BTN3 - long press, reset the watch
|
||||
* BTN2 - long press, start the app launcher
|
||||
|
||||
The following buttons depend on which face is currently in use
|
||||
|
||||
* BTN1 - Short press
|
||||
- Digi : Cycle the battery, memory display on the mode line
|
||||
- GPS : Cycle through the GPS data displays (grid ref, lat lon, speed, alt, course)
|
||||
- Waypointer : Select previous waypoint
|
||||
* BTN1 - long press
|
||||
- GPS : switch GPS on or off
|
||||
- Waypointer : set or unset the current waypoint
|
||||
* BTN2 - short press
|
||||
- Waypointer : select next waypoint
|
||||
|
||||
|
||||
## Stepo
|
||||
|
||||
|
||||
- Displays the time in large font
|
||||
- Display current step count in a doughnut guage
|
||||
- Show step count in the middle of the doughnut guage
|
||||
- The guage show percentage of steps out of a goal of 10000 steps
|
||||
- When the battery is less than 25% the doughnut turns red
|
||||
- Use BTN3 to switch to the next app
|
||||
|
||||
## GPS
|
||||
|
||||
- Use BTN1 long press to switch the GPS on or off
|
||||
- Use BTN1 short press to switch between the display of the Os grid refernce, lat lon, speed, alt, course.
|
||||
- Use BTN3 to switch to the next app
|
||||
|
||||
## Digi
|
||||
|
||||
- Displays the time in large font
|
||||
- Display day and date
|
||||
- Use BTN1 to switch between display of battery and memory %.
|
||||
- Use BTN3 to switch to the next app.
|
||||
|
||||
## Waypointer
|
||||
- Use BTN1 to select previous waypoint (when GPS is on)
|
||||
- Use BTN2 to select the next waypoint (when GPS is on)
|
||||
- Use BTN3 to switch to the next app
|
||||
- Use BTN1 long press to clear a waypoint or to record the current position
|
||||
|
||||
When the GPS is off this screen acts as a compass and points
|
||||
North. The white digits below the arrow show your current heading
|
||||
with reference to North.
|
||||
|
||||
When the GPS in on the screen points to the selected waypoint which
|
||||
are loaded from the waypoints.json file. The compass arrow now points
|
||||
in the direction you need to walk in. Once you have selected a
|
||||
waypoint a bearing from your current position (received from a GPS
|
||||
fix) is calculated and the compass is set to point in that direction.
|
||||
If the arrow is pointing to the left, turning left should straighten
|
||||
the arrow up so that it is pointing straight ahead.
|
||||
|
||||
The large digits are the bearing from the current position. On the
|
||||
left is the distance to the waypoint in local units. When the
|
||||
selected waypoint has a lat/lon recorded the text of the distance and
|
||||
waypoint name will be shown in blue. If the waypoint name is shown
|
||||
in white it means it is available to record a waypoint.
|
||||
|
||||
Use BTN1 and BTN2 to select the previous or next waypoint
|
||||
respectively. In the screen shot below a waypoint giving the location
|
||||
of Stone Henge has been selected.
|
||||
|
||||
|
||||
|
||||
The screenshot above shows that Stone Henge is 259.9 miles from the
|
||||
current location. To travel towards Stone Henge I need to turn
|
||||
slightly right until the arrow is pointing straight ahead. As you
|
||||
continue to walk in the pointed direction you should see the distance
|
||||
to the waypoint reduce. The frequency of updates will depend on
|
||||
which settings you have used in the GPS.
|
||||
|
||||
At the top of the screen you can see two widgets. These are the [GPS
|
||||
Power
|
||||
Widget](https://github.com/espruino/BangleApps/tree/master/apps/widgps)
|
||||
and the [Compass Power Indicator Widget]. These can be installed
|
||||
seperately and provide you a indication of when the GPS and Compass
|
||||
are switched on and drawing power.
|
||||
|
||||
|
||||
### Marking Waypoints
|
||||
|
||||
The app lets you mark your current location as follows. There are
|
||||
vacant slots in the waypoint file which can be allocated a
|
||||
location. In the distributed waypoint file these are labelled WP0 to
|
||||
WP4. Select one of these - WP2 is shown below.
|
||||
|
||||
|
||||
|
||||
Bearing and distance are both zero as WP2 has currently no GPS
|
||||
location associated with it. To mark the location, long press BTN1.
|
||||
|
||||
|
||||
|
||||
The app indicates that WP2 is now marked by changing the color to
|
||||
blue. The distance should be small as shown in the screen shot as you
|
||||
have just marked your current location.
|
||||
|
||||
You can free the waypoint by long pressing BTN1 again.
|
||||
|
||||
|
||||
### Waypoint JSON file
|
||||
|
||||
When the app is loaded from the app loader, a file named
|
||||
`waypoints.json` is loaded along with the javascript etc. The file
|
||||
has the following contents:
|
||||
|
||||
|
||||
```
|
||||
[
|
||||
{
|
||||
"name":"NONE"
|
||||
},
|
||||
{
|
||||
"name":"No10",
|
||||
"lat":51.5032,
|
||||
"lon":-0.1269
|
||||
},
|
||||
{
|
||||
"name":"Stone",
|
||||
"lat":51.1788,
|
||||
"lon":-1.8260
|
||||
},
|
||||
{ "name":"WP0" },
|
||||
{ "name":"WP1" },
|
||||
{ "name":"WP2" },
|
||||
{ "name":"WP3" },
|
||||
{ "name":"WP4" }
|
||||
]
|
||||
```
|
||||
|
||||
The file contains the initial NONE waypoint which is useful if you
|
||||
just want to display course and speed. The next two entries are
|
||||
waypoints to No 10 Downing Street and to Stone Henge - obtained from
|
||||
Google Maps. The last five entries are entries which can be *marked*.
|
||||
|
||||
You add and delete entries using the Web IDE to load and then save
|
||||
the file from and to watch storage. The app itself does not limit the
|
||||
number of entries although it does load the entire file into RAM
|
||||
which will obviously limit this.
|
||||
|
||||
|
||||
### Waypoint Editor
|
||||
|
||||
Clicking on the download icon of gpsnav in the app loader invokes the
|
||||
waypoint editor. The editor downloads and displays the current
|
||||
`waypoints.json` file. Clicking the `Edit` button beside an entry
|
||||
causes the entry to be deleted from the list and displayed in the
|
||||
edit boxes. It can be restored - by clicking the `Add waypoint`
|
||||
button. A new markable entry is created by using the `Add name`
|
||||
button. The edited `waypoints.json` file is uploaded to the Bangle by
|
||||
clicking the `Upload` button.
|
||||
|
||||
|
||||
### Calibration of the Compass
|
||||
|
||||
The Compass should be calibrated before using the App to navigate to
|
||||
a waypoint (or a series of waypoints). To do this use either the
|
||||
Arrow Compass or the [Navigation
|
||||
Compass](https://github.com/espruino/BangleApps/tree/master/apps/magnav).
|
||||
Open the compass app and clicking on BTN3. The calibration process
|
||||
takes 30 seconds during which you should move the watch slowly
|
||||
through figures of 8. It is important that during calibration the
|
||||
watch is fully rotated around each of it axes. If the app does give
|
||||
the correct direction heading or is not stable with respect to tilt
|
||||
and roll - redo the calibration by pressing *BTN3*. Calibration data
|
||||
is recorded in a storage file named `magnav.json`.
|
||||
|
||||
|
|
@ -0,0 +1,306 @@
|
|||
(() => {
|
||||
function getFace(){
|
||||
var intervalRefSec;
|
||||
var pal_by;
|
||||
var pal_bw;
|
||||
var pal_bb;
|
||||
var buf1;
|
||||
var buf2;
|
||||
var bearing;
|
||||
var heading;
|
||||
var oldHeading;
|
||||
var CALIBDATA;
|
||||
var previous;
|
||||
var wp;
|
||||
var wp_distance;
|
||||
var wp_bearing;
|
||||
var loc;
|
||||
var gpsObject;
|
||||
|
||||
function log_debug(o) {
|
||||
//console.log(o);
|
||||
}
|
||||
|
||||
function init(gps) {
|
||||
showMem("compass init() START");
|
||||
gpsObject = gps;
|
||||
pal_by = new Uint16Array([0x0000,0xFFC0],0,1); // black, yellow
|
||||
pal_bw = new Uint16Array([0x0000,0xffff],0,1); // black, white
|
||||
pal_bb = new Uint16Array([0x0000,0x07ff],0,1); // black, blue
|
||||
buf1 = Graphics.createArrayBuffer(128,128,1,{msb:true});
|
||||
buf2 = Graphics.createArrayBuffer(80,40,1,{msb:true});
|
||||
|
||||
intervalRefSec = undefined;
|
||||
bearing = 0; // always point north if GPS is off
|
||||
heading = 0;
|
||||
oldHeading = 0;
|
||||
previous = {bs:"-", dst:"-", wp_name:"-", course:999};
|
||||
loc = require("locale");
|
||||
CALIBDATA = require("Storage").readJSON("magnav.json",1)||null;
|
||||
getWaypoint();
|
||||
|
||||
/*
|
||||
* compass should be powered on before startDraw is called
|
||||
* otherwise compass power widget will not come on
|
||||
*/
|
||||
if (!Bangle.isCompassOn()) Bangle.setCompassPower(1);
|
||||
gps.determineGPSState();
|
||||
|
||||
showMem("compass init() END");
|
||||
}
|
||||
|
||||
function freeResources() {
|
||||
showMem("compass freeResources() START");
|
||||
gpsObject = undefined;
|
||||
pal_by = undefined;
|
||||
pal_bw = undefined;
|
||||
pal_bb = undefined;
|
||||
buf1 = undefined;
|
||||
buf2 = undefined;
|
||||
intervalRefSec = undefined;
|
||||
previous = undefined;
|
||||
|
||||
bearing = 0;
|
||||
heading = 0;
|
||||
oldHeading = 0;
|
||||
loc = undefined;
|
||||
CALIBDATA = undefined;
|
||||
wp = undefined;
|
||||
if (Bangle.isCompassOn()) Bangle.setCompassPower(0);
|
||||
showMem("compass freeResources() END");
|
||||
}
|
||||
|
||||
function flip1(x,y) {
|
||||
g.drawImage({width:128,height:128,bpp:1,buffer:buf1.buffer, palette:pal_by},x ,y);
|
||||
buf1.clear();
|
||||
}
|
||||
|
||||
function flip2_bw(x,y) {
|
||||
g.drawImage({width:80,height:40,bpp:1,buffer:buf2.buffer, palette:pal_bw},x ,y);
|
||||
buf2.clear();
|
||||
}
|
||||
|
||||
function flip2_bb(x,y) {
|
||||
g.drawImage({width:80,height:40,bpp:1,buffer:buf2.buffer, palette:pal_bb},x ,y);
|
||||
buf2.clear();
|
||||
}
|
||||
|
||||
function startTimer() {
|
||||
log_debug("startTimer()");
|
||||
if (!Bangle.isCompassOn()) Bangle.setCompassPower(1);
|
||||
resetPrevious();
|
||||
draw();
|
||||
intervalRefSec = setInterval(draw, 500);
|
||||
}
|
||||
|
||||
function stopTimer() {
|
||||
log_debug("stopTimer()");
|
||||
if(intervalRefSec) {intervalRefSec=clearInterval(intervalRefSec);}
|
||||
if (Bangle.isCompassOn()) Bangle.setCompassPower(0);
|
||||
}
|
||||
|
||||
function showMem(msg) {
|
||||
var val = process.memory();
|
||||
var str = msg + " " + Math.round(val.usage*100/val.total) + "%";
|
||||
log_debug(str);
|
||||
}
|
||||
|
||||
function onButtonShort(btn) {
|
||||
switch(btn) {
|
||||
case 1:
|
||||
log_debug("prev waypoint");
|
||||
gpsObject.nextWaypoint(-1);
|
||||
break;
|
||||
case 2:
|
||||
log_debug("next waypoint");
|
||||
gpsObject.nextWaypoint(1);
|
||||
break;
|
||||
case 3:
|
||||
default:
|
||||
break;
|
||||
}
|
||||
resetPrevious();
|
||||
getWaypoint();
|
||||
drawGPSData();
|
||||
}
|
||||
|
||||
function onButtonLong(btn) {
|
||||
log_debug("markWaypoint()");
|
||||
if (btn !== 1) return;
|
||||
if (gpsObject.getState() !== gpsObject.GPS_RUNNING) return;
|
||||
|
||||
log_debug("markWaypoint()");
|
||||
|
||||
gpsObject.markWaypoint();
|
||||
resetPrevious();
|
||||
getWaypoint();
|
||||
drawGPSData();
|
||||
}
|
||||
|
||||
function getWaypoint() {
|
||||
log_debug("getWaypoint()");
|
||||
wp = gpsObject.getCurrentWaypoint();
|
||||
wp_distance = gpsObject.getWPdistance();
|
||||
wp_bearing = gpsObject.getWPbearing();
|
||||
log_debug(wp);
|
||||
log_debug(wp_distance);
|
||||
log_debug(wp_bearing);
|
||||
}
|
||||
|
||||
// takes 32ms
|
||||
function drawCompass(hd) {
|
||||
if (Math.abs(hd - oldHeading) < 2) return 0;
|
||||
hd=hd*Math.PI/180;
|
||||
var p = [0, 1.1071, Math.PI/4, 2.8198, 3.4633, 7*Math.PI/4 , 5.1760];
|
||||
|
||||
var poly = [
|
||||
64+60*Math.sin(hd+p[0]), 64-60*Math.cos(hd+p[0]),
|
||||
64+44.7214*Math.sin(hd+p[1]), 64-44.7214*Math.cos(hd+p[1]),
|
||||
64+28.2843*Math.sin(hd+p[2]), 64-28.2843*Math.cos(hd+p[2]),
|
||||
64+63.2455*Math.sin(hd+p[3]), 64-63.2455*Math.cos(hd+p[3]),
|
||||
64+63.2455*Math.sin(hd+p[4]), 64-63.2455*Math.cos(hd+p[4]),
|
||||
64+28.2843*Math.sin(hd+p[5]), 64-28.2843*Math.cos(hd+p[5]),
|
||||
64+44.7214*Math.sin(hd+p[6]), 64-44.7214*Math.cos(hd+p[6])
|
||||
];
|
||||
|
||||
buf1.fillPoly(poly);
|
||||
flip1(56, 56);
|
||||
}
|
||||
|
||||
// stops violent compass swings and wobbles, takes 3ms
|
||||
function newHeading(m,h){
|
||||
//log_debug("newHeading()");
|
||||
var s = Math.abs(m - h);
|
||||
var delta = (m>h)?1:-1;
|
||||
if (s>=180){s=360-s; delta = -delta;}
|
||||
if (s<2) return h;
|
||||
if (s<3) return h;
|
||||
var hd = h + delta*(1 + Math.round(s/5));
|
||||
if (hd<0) hd+=360;
|
||||
if (hd>360)hd-= 360;
|
||||
return hd;
|
||||
}
|
||||
|
||||
// takes approx 7ms
|
||||
function tiltfixread(O,S){
|
||||
//log_debug("tiltfixread()");
|
||||
var m = Bangle.getCompass();
|
||||
var g = Bangle.getAccel();
|
||||
m.dx =(m.x-O.x)*S.x; m.dy=(m.y-O.y)*S.y; m.dz=(m.z-O.z)*S.z;
|
||||
var d = Math.atan2(-m.dx,m.dy)*180/Math.PI;
|
||||
if (d<0) d+=360;
|
||||
var phi = Math.atan(-g.x/-g.z);
|
||||
var cosphi = Math.cos(phi), sinphi = Math.sin(phi);
|
||||
var theta = Math.atan(-g.y/(-g.x*sinphi-g.z*cosphi));
|
||||
var costheta = Math.cos(theta), sintheta = Math.sin(theta);
|
||||
var xh = m.dy*costheta + m.dx*sinphi*sintheta + m.dz*cosphi*sintheta;
|
||||
var yh = m.dz*sinphi - m.dx*cosphi;
|
||||
var psi = Math.atan2(yh,xh)*180/Math.PI;
|
||||
if (psi<0) psi+=360;
|
||||
return psi;
|
||||
}
|
||||
|
||||
function draw() {
|
||||
//log_debug("draw()");
|
||||
var d = tiltfixread(CALIBDATA.offset,CALIBDATA.scale);
|
||||
heading = newHeading(d,heading);
|
||||
|
||||
if (gpsObject.getState() === gpsObject.GPS_RUNNING) {
|
||||
wp_dist = gpsObject.getWPdistance();
|
||||
wp_bearing = gpsObject.getWPbearing();
|
||||
bearing = wp_bearing;
|
||||
} else {
|
||||
bearing = 0;
|
||||
wp_distance = 0;
|
||||
wp_bearing = 0;
|
||||
}
|
||||
|
||||
var dir = bearing - heading;
|
||||
if (dir < 0) dir += 360;
|
||||
if (dir > 360) dir -= 360;
|
||||
var t = drawCompass(dir); // we want compass to show us where to go
|
||||
oldHeading = dir;
|
||||
|
||||
if (gpsObject.getState() === gpsObject.GPS_RUNNING) {
|
||||
drawGPSData();
|
||||
} else {
|
||||
drawCompassHeading();
|
||||
}
|
||||
}
|
||||
|
||||
function drawCompassHeading() {
|
||||
//log_debug("drawCompassHeading()");
|
||||
// draw the heading
|
||||
buf2.setColor(1);
|
||||
buf2.setFontAlign(-1,-1);
|
||||
buf2.setFont("Vector",38);
|
||||
var hding = Math.round(heading);
|
||||
var hd = hding.toString();
|
||||
hd = hding < 10 ? "00"+hd : hding < 100 ? "0"+hd : hd;
|
||||
buf2.drawString(hd,0,0);
|
||||
flip2_bw(90, 200);
|
||||
}
|
||||
|
||||
function drawGPSData() {
|
||||
log_debug("drawGPSData()");
|
||||
buf2.setFont("Vector",24);
|
||||
var bs = wp_bearing.toString();
|
||||
bs = wp_bearing<10?"00"+bs : wp_bearing<100 ?"0"+bs : bs;
|
||||
var dst = loc.distance(wp_distance);
|
||||
|
||||
log_debug(bs);
|
||||
log_debug(dst);
|
||||
|
||||
// -1=left (default), 0=center, 1=right
|
||||
|
||||
// show distance on the left
|
||||
if (previous.dst !== dst) {
|
||||
previous.dst = dst
|
||||
buf2.setColor(1);
|
||||
buf2.setFontAlign(-1,-1);
|
||||
buf2.setFont("Vector", 20);
|
||||
if (gpsObject.waypointHasLocation()) {
|
||||
buf2.drawString(dst,0,0);
|
||||
flip2_bb(0, 200);
|
||||
} else {
|
||||
buf2.drawString(" ",0,0);
|
||||
flip2_bw(0, 200);
|
||||
}
|
||||
}
|
||||
|
||||
// bearing, place in middle at bottom of compass
|
||||
if (previous.bs !== bs) {
|
||||
previous.bs = bs;
|
||||
buf2.setColor(1);
|
||||
buf2.setFontAlign(0, -1);
|
||||
buf2.setFont("Vector",38);
|
||||
buf2.drawString(bs,40,0);
|
||||
flip2_bw(80, 200);
|
||||
}
|
||||
|
||||
// waypoint name on right
|
||||
if (previous.wp_name !== wp.name) {
|
||||
buf2.setColor(1);
|
||||
buf2.setFontAlign(1,-1); // right, bottom
|
||||
buf2.setFont("Vector", 20);
|
||||
buf2.drawString(wp.name, 80, 0);
|
||||
if (gpsObject.waypointHasLocation())
|
||||
flip2_bb(160, 200);
|
||||
else
|
||||
flip2_bw(160, 200);
|
||||
}
|
||||
}
|
||||
|
||||
// clear the attributes that control the display refresh
|
||||
function resetPrevious() {
|
||||
log_debug("resetPrevious()");
|
||||
previous = {bs:"-", dst:"-", wp_name:"-", course:999};
|
||||
}
|
||||
|
||||
return {init:init, freeResources:freeResources, startTimer:startTimer, stopTimer:stopTimer,
|
||||
onButtonShort:onButtonShort, onButtonLong:onButtonLong};
|
||||
}
|
||||
|
||||
return getFace;
|
||||
|
||||
})();
|
||||
|
|
@ -0,0 +1,146 @@
|
|||
(() => {
|
||||
function getFace(){
|
||||
var intervalRefSec;
|
||||
var buf;
|
||||
var days;
|
||||
var prevInfo;
|
||||
var prevDate;
|
||||
var prevTime;
|
||||
var infoMode;
|
||||
|
||||
const INFO_NONE = 0;
|
||||
const INFO_BATT = 1;
|
||||
const INFO_MEM = 2;
|
||||
const Y_TIME = 30;
|
||||
const Y_ACTIVITY = 116;
|
||||
const Y_MODELINE = 200;
|
||||
|
||||
function init(gps) {
|
||||
showMem("digi init 1");
|
||||
days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday","Friday", "Saturday"];
|
||||
prevInfo = "";
|
||||
prevTimeStr = "";
|
||||
prevDateStr = "";
|
||||
infoMode = INFO_NONE;
|
||||
g.clear();
|
||||
showMem("digi init 2");
|
||||
}
|
||||
|
||||
function freeResources() {
|
||||
showMem("digi free 1");
|
||||
days = undefined;
|
||||
prevInfo = undefined;
|
||||
prevTime = undefined;
|
||||
prevDate = undefined;
|
||||
showMem("digi free 2");
|
||||
}
|
||||
|
||||
function showMem(msg) {
|
||||
var val = process.memory();
|
||||
var str = msg + " " + Math.round(val.usage*100/val.total) + "%";
|
||||
//console.log(str);
|
||||
}
|
||||
|
||||
function startTimer() {
|
||||
draw();
|
||||
intervalRefSec = setInterval(draw, 5000);
|
||||
}
|
||||
|
||||
function stopTimer() {
|
||||
if(intervalRefSec) {intervalRefSec=clearInterval(intervalRefSec);}
|
||||
}
|
||||
|
||||
function onButtonShort(btn) {
|
||||
if (btn === 1) cycleInfoMode();
|
||||
}
|
||||
|
||||
function onButtonLong(btn) {}
|
||||
function getGPSfix() { return undefined; }
|
||||
function setGPSfix(f) {}
|
||||
|
||||
function draw() {
|
||||
var d = new Date();
|
||||
var da = d.toString().split(" ");
|
||||
var time = da[4].substr(0,5);
|
||||
|
||||
if (time !== prevTime) {
|
||||
prevTime = time;
|
||||
g.setColor(0);
|
||||
g.fillRect(0, Y_TIME, 239, Y_ACTIVITY -1);
|
||||
g.setColor(1,1,1);
|
||||
g.setFont("Vector",80);
|
||||
g.setFontAlign(0,-1);
|
||||
g.drawString(time, 120, Y_TIME);
|
||||
}
|
||||
|
||||
var day = days[d.getDay()];
|
||||
var dateStr = da[2] + " " + da[1] + " " + da[3];
|
||||
|
||||
if (dateStr !== prevDate) {
|
||||
prevDate = dateStr;
|
||||
g.setColor(0);
|
||||
g.fillRect(0, Y_ACTIVITY, 239, Y_MODELINE - 3);
|
||||
g.setColor(1,1,1);
|
||||
g.setFont("Vector",26);
|
||||
g.drawString(day, 120, Y_ACTIVITY);
|
||||
g.drawString(dateStr, 120, Y_ACTIVITY + 40);
|
||||
}
|
||||
|
||||
drawInfo();
|
||||
}
|
||||
|
||||
function cycleInfoMode() {
|
||||
switch(infoMode) {
|
||||
case INFO_NONE:
|
||||
infoMode = INFO_BATT;
|
||||
break;
|
||||
case INFO_BATT:
|
||||
infoMode = INFO_MEM
|
||||
break;
|
||||
case INFO_MEM:
|
||||
default:
|
||||
infoMode = INFO_NONE;
|
||||
break;
|
||||
}
|
||||
drawInfo();
|
||||
}
|
||||
|
||||
function drawInfo() {
|
||||
let val;
|
||||
let str = "";
|
||||
let col = 0x07FF; // cyan
|
||||
|
||||
switch(infoMode) {
|
||||
case INFO_NONE:
|
||||
col = 0x0000;
|
||||
str = "";
|
||||
break;
|
||||
case INFO_MEM:
|
||||
val = process.memory();
|
||||
str = "Memory: " + Math.round(val.usage*100/val.total) + "%";
|
||||
break;
|
||||
case INFO_BATT:
|
||||
default:
|
||||
str = "Battery: " + E.getBattery() + "%";
|
||||
}
|
||||
|
||||
// check if we need to draw, avoid flicker
|
||||
if (str == prevInfo)
|
||||
return;
|
||||
|
||||
prevInfo = str;
|
||||
//g.setFont("6x8", 3);
|
||||
g.setFont("Vector",26);
|
||||
g.setColor(col);
|
||||
g.fillRect(0, Y_MODELINE - 3, 239, Y_MODELINE + 25);
|
||||
g.setColor(0,0,0);
|
||||
g.setFontAlign(0, -1);
|
||||
g.drawString(str, 120, Y_MODELINE);
|
||||
}
|
||||
|
||||
return {init:init, freeResources:freeResources, startTimer:startTimer, stopTimer:stopTimer,
|
||||
onButtonShort:onButtonShort, onButtonLong:onButtonLong};
|
||||
}
|
||||
|
||||
return getFace;
|
||||
})();
|
||||
|
|
@ -0,0 +1,182 @@
|
|||
(() => {
|
||||
function getFace(){
|
||||
var intervalRefSec;
|
||||
|
||||
const GDISP_OS = 4;
|
||||
const GDISP_LATLN = 5;
|
||||
const GDISP_SPEED = 6;
|
||||
const GDISP_ALT = 7;
|
||||
const GDISP_COURSE = 8;
|
||||
|
||||
const Y_TIME = 30;
|
||||
const Y_ACTIVITY = 120;
|
||||
const Y_MODELINE = 200;
|
||||
|
||||
let gpsDisplay = GDISP_OS;
|
||||
let clearActivityArea = true;
|
||||
let gpsObject = undefined;
|
||||
|
||||
function log_debug(o) {
|
||||
//console.log(o);
|
||||
}
|
||||
|
||||
function init(gps) {
|
||||
log_debug("gps init");
|
||||
//log_debug(gps);
|
||||
gpsObject = gps;
|
||||
gpsDisplay = GDISP_OS;
|
||||
clearActivityArea = true;
|
||||
gpsObject.determineGPSState();
|
||||
}
|
||||
|
||||
function freeResources() {}
|
||||
|
||||
function startTimer() {
|
||||
draw();
|
||||
intervalRefSec = setInterval(draw, 5000);
|
||||
}
|
||||
|
||||
function stopTimer() {
|
||||
if(intervalRefSec) {intervalRefSec=clearInterval(intervalRefSec);}
|
||||
}
|
||||
|
||||
function onButtonShort(btn) {
|
||||
if (btn === 1) cycleGPSDisplay();
|
||||
}
|
||||
|
||||
function onButtonLong(btn) {
|
||||
if (btn === 1) toggleGPSPower();
|
||||
}
|
||||
|
||||
function draw(){
|
||||
drawGPSTime();
|
||||
drawGPSData();
|
||||
}
|
||||
|
||||
function drawGPSTime() {
|
||||
var time = gpsObject.getGPSTime();
|
||||
|
||||
g.reset();
|
||||
g.clearRect(0,Y_TIME, 239, Y_ACTIVITY - 1);
|
||||
g.setColor(1,1,1);
|
||||
g.setFontAlign(0, -1);
|
||||
|
||||
if (time.length > 5)
|
||||
g.setFont("Vector", 56);
|
||||
else
|
||||
g.setFont("Vector", 80);
|
||||
|
||||
g.drawString(time, 120, Y_TIME);
|
||||
}
|
||||
|
||||
function drawGPSData() {
|
||||
if (clearActivityArea) {
|
||||
g.clearRect(0, Y_ACTIVITY, 239, Y_MODELINE - 1);
|
||||
clearActivityArea = false;
|
||||
}
|
||||
|
||||
g.setFontVector(26);
|
||||
g.setColor(0xFFC0);
|
||||
g.setFontAlign(0, -1);
|
||||
|
||||
if (gpsObject.getState() === gpsObject.GPS_OFF) {
|
||||
g.drawString("GPS off", 120, Y_ACTIVITY);
|
||||
return;
|
||||
}
|
||||
|
||||
if (gpsObject.getState() === gpsObject.GPS_TIME) {
|
||||
g.drawString("Waiting for", 120, Y_ACTIVITY);
|
||||
g.drawString("GPS", 120, Y_ACTIVITY + 36);
|
||||
return;
|
||||
}
|
||||
|
||||
let fx = gpsObject.getLastFix();
|
||||
|
||||
log_debug("gpsObject.getState()= " + gpsObject.getState());
|
||||
|
||||
if (gpsObject.getState() === gpsObject.GPS_SATS) {
|
||||
g.drawString("Satellites", 120, Y_ACTIVITY);
|
||||
g.drawString(fx.satellites, 120, Y_ACTIVITY + 36);
|
||||
return;
|
||||
}
|
||||
|
||||
if (gpsObject.getState() === gpsObject.GPS_RUNNING) {
|
||||
let time = gpsObject.formatTime(fx.time);
|
||||
let age = gpsObject.timeSince(time);
|
||||
let os = gpsObject.getOsRef();
|
||||
//let ref = to_map_ref(6, os.easting, os.northing);
|
||||
let speed;
|
||||
let activityStr = "";
|
||||
|
||||
if (age < 0) age = 0;
|
||||
g.setFontVector(40);
|
||||
g.setColor(0xFFC0);
|
||||
|
||||
switch(gpsDisplay) {
|
||||
case GDISP_OS:
|
||||
activityStr = os;
|
||||
break;
|
||||
case GDISP_LATLN:
|
||||
g.setFontVector(26);
|
||||
activityStr = fx.lat.toFixed(4) + ", " + fx.lon.toFixed(4);
|
||||
break;
|
||||
case GDISP_SPEED:
|
||||
speed = fx.speed;
|
||||
speed = speed.toFixed(1);
|
||||
activityStr = speed + "kph";
|
||||
break;
|
||||
case GDISP_ALT:
|
||||
activityStr = fx.alt + "m";
|
||||
break;
|
||||
case GDISP_COURSE:
|
||||
activityStr = fx.course;
|
||||
break;
|
||||
}
|
||||
|
||||
g.clearRect(0, Y_ACTIVITY, 239, Y_MODELINE - 1);
|
||||
g.drawString(activityStr, 120, Y_ACTIVITY);
|
||||
g.setFont("6x8",2);
|
||||
g.setColor(1,1,1);
|
||||
g.drawString(age, 120, Y_ACTIVITY + 46);
|
||||
}
|
||||
}
|
||||
|
||||
function toggleGPSPower() {
|
||||
gpsObject.toggleGPSPower();
|
||||
clearActivityArea = true;
|
||||
draw();
|
||||
}
|
||||
|
||||
function cycleGPSDisplay() {
|
||||
if (gpsObject.getState() !== gpsObject.GPS_RUNNING) return;
|
||||
|
||||
switch (gpsDisplay) {
|
||||
case GDISP_OS:
|
||||
gpsDisplay = GDISP_SPEED;
|
||||
break;
|
||||
case GDISP_SPEED:
|
||||
gpsDisplay = GDISP_ALT;
|
||||
break;
|
||||
case GDISP_ALT:
|
||||
gpsDisplay = GDISP_LATLN;
|
||||
break;
|
||||
case GDISP_LATLN:
|
||||
gpsDisplay = GDISP_COURSE;
|
||||
break;
|
||||
case GDISP_COURSE:
|
||||
default:
|
||||
gpsDisplay = GDISP_OS;
|
||||
break;
|
||||
}
|
||||
|
||||
clearActivityArea = true;
|
||||
drawGPSData();
|
||||
}
|
||||
|
||||
return {init:init, freeResources:freeResources, startTimer:startTimer, stopTimer:stopTimer,
|
||||
onButtonShort:onButtonShort, onButtonLong:onButtonLong};
|
||||
}
|
||||
|
||||
return getFace;
|
||||
|
||||
})();
|
||||
|
|
@ -0,0 +1,482 @@
|
|||
// read in the faces
|
||||
var FACES = [];
|
||||
var STOR = require("Storage");
|
||||
STOR.list(/\.kit\.js$/).forEach(face=>FACES.push(eval(require("Storage").read(face))));
|
||||
var iface = STOR.list(/\.kit\.js$/).indexOf("stepo.kit.js");
|
||||
var face = FACES[iface]();
|
||||
var firstPress
|
||||
var pressTimer;
|
||||
|
||||
function stopdraw() {
|
||||
face.stopTimer();
|
||||
}
|
||||
|
||||
function startdraw() {
|
||||
Bangle.drawWidgets();
|
||||
face.startTimer();
|
||||
}
|
||||
|
||||
function nextFace(){
|
||||
stopdraw();
|
||||
face.freeResources();
|
||||
|
||||
iface += 1
|
||||
iface = iface % FACES.length;
|
||||
face = FACES[iface]();
|
||||
|
||||
g.clear();
|
||||
g.reset();
|
||||
face.init(gpsObj);
|
||||
startdraw();
|
||||
}
|
||||
|
||||
// when you feel the buzzer you know you have done a long press
|
||||
function longPressCheck() {
|
||||
Bangle.buzz();
|
||||
if (pressTimer) {
|
||||
clearInterval(pressTimer);
|
||||
pressTimer = undefined;
|
||||
}
|
||||
}
|
||||
|
||||
// start a timer and buzz when held long enough
|
||||
function buttonPressed(btn) {
|
||||
if (btn === 3) {
|
||||
nextFace();
|
||||
} else {
|
||||
firstPress = getTime();
|
||||
pressTimer = setInterval(longPressCheck, 1500);
|
||||
}
|
||||
}
|
||||
|
||||
// if you release too soon there is no buzz as timer is cleared
|
||||
function buttonReleased(btn) {
|
||||
var dur = getTime() - firstPress;
|
||||
if (pressTimer) {
|
||||
clearInterval(pressTimer);
|
||||
pressTimer = undefined;
|
||||
}
|
||||
|
||||
if ( dur >= 1.5 ) {
|
||||
switch(btn) {
|
||||
case 1:
|
||||
face.onButtonLong(btn);
|
||||
break;
|
||||
case 2:
|
||||
Bangle.showLauncher();
|
||||
break;
|
||||
case 3:
|
||||
// do nothing
|
||||
break;
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (btn !== 3) face.onButtonShort(btn);
|
||||
}
|
||||
|
||||
function setButtons(){
|
||||
setWatch(buttonPressed.bind(null,1), BTN1, {repeat:true,edge:"rising"});
|
||||
setWatch(buttonPressed.bind(null,2), BTN2, {repeat:true,edge:"rising"});
|
||||
setWatch(nextFace, BTN3, {repeat:true,edge:"rising"});
|
||||
|
||||
setWatch(buttonReleased.bind(null,1), BTN1, {repeat:true,edge:"falling"});
|
||||
setWatch(buttonReleased.bind(null,2), BTN2, {repeat:true,edge:"falling"});
|
||||
// BTN 3 long press should always reset the bangle
|
||||
}
|
||||
|
||||
Bangle.on('kill',()=>{
|
||||
Bangle.setCompassPower(0);
|
||||
Bangle.setGPSPower(0);
|
||||
});
|
||||
|
||||
Bangle.on('lcdPower',function(on) {
|
||||
if (on) {
|
||||
startdraw();
|
||||
} else {
|
||||
stopdraw();
|
||||
}
|
||||
});
|
||||
|
||||
/*****************************************************************************
|
||||
|
||||
Start of GPS object code so we can share it between faces
|
||||
|
||||
******************************************************************************/
|
||||
|
||||
|
||||
function log_debug(o) {
|
||||
//console.log(o);
|
||||
}
|
||||
|
||||
function radians(a) {
|
||||
return a*Math.PI/180;
|
||||
}
|
||||
|
||||
function degrees(a) {
|
||||
var d = a*180/Math.PI;
|
||||
return (d+360)%360;
|
||||
}
|
||||
|
||||
function GPS() {
|
||||
this.wp;
|
||||
this.wp_index = 0;
|
||||
this.wp_current = undefined;
|
||||
this.GPS_OFF = 0;
|
||||
this.GPS_TIME = 1;
|
||||
this.GPS_SATS = 2;
|
||||
this.GPS_RUNNING = 3;
|
||||
this.gpsState = this.GPS_OFF;
|
||||
this.gpsPowerState = false;
|
||||
this.last_fix = {
|
||||
fix: 0,
|
||||
alt: 0,
|
||||
lat: 0,
|
||||
lon: 0,
|
||||
speed: 0,
|
||||
time: 0,
|
||||
satellites: 0
|
||||
};
|
||||
this.listenerCount = 0;
|
||||
this.loadFirstWaypoint();
|
||||
}
|
||||
|
||||
GPS.prototype.log_debug = function(o) {
|
||||
//console.log(o);
|
||||
};
|
||||
|
||||
GPS.prototype.getState = function() {
|
||||
return this.gpsState;
|
||||
}
|
||||
|
||||
GPS.prototype.getLastFix = function() {
|
||||
return this.last_fix;
|
||||
}
|
||||
|
||||
GPS.prototype.determineGPSState = function() {
|
||||
this.log_debug("determineGPSState");
|
||||
gpsPowerState = Bangle.isGPSOn();
|
||||
|
||||
//this.log_debug("last_fix.fix " + this.last_fix.fix);
|
||||
//this.log_debug("gpsPowerState " + this.gpsPowerState);
|
||||
//this.log_debug("last_fix.satellites " + this.last_fix.satellites);
|
||||
|
||||
if (!gpsPowerState) {
|
||||
this.gpsState = this.GPS_OFF;
|
||||
this.resetLastFix();
|
||||
} else if (this.last_fix.fix && this.gpsPowerState && this.last_fix.satellites > 0) {
|
||||
this.gpsState = this.GPS_RUNNING;
|
||||
} else {
|
||||
this.gpsState = this.GPS_SATS;
|
||||
}
|
||||
|
||||
this.log_debug("gpsState=" + this.gpsState);
|
||||
|
||||
if (this.gpsState !== this.GPS_OFF) {
|
||||
if (this.listenerCount === 0) {
|
||||
Bangle.on('GPS', processFix);
|
||||
this.listenerCount++;
|
||||
this.log_debug("listener added " + this.listenerCount);
|
||||
}
|
||||
} else {
|
||||
if (this.listenerCount > 0) {
|
||||
Bangle.removeListener("GPS", this.processFix);
|
||||
this.listenerCount--;
|
||||
this.log_debug("listener removed " + this.listenerCount);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
GPS.prototype.getGPSTime = function() {
|
||||
var time;
|
||||
|
||||
if (this.last_fix !== undefined && this.last_fix.time !== undefined && this.last_fix.time.toUTCString !== undefined &&
|
||||
(this.gpsState == this.GPS_SATS || this.gpsState == this.GPS_RUNNING)) {
|
||||
time = this.last_fix.time.toUTCString().split(" ");
|
||||
return time[4];
|
||||
} else {
|
||||
var d = new Date();
|
||||
var da = d.toString().split(" ");
|
||||
time = da[4].substr(0,5);
|
||||
return time;
|
||||
}
|
||||
};
|
||||
|
||||
GPS.prototype.toggleGPSPower = function() {
|
||||
this.log_debug("toggleGPSPower()");
|
||||
this.gpsPowerState = Bangle.isGPSOn();
|
||||
this.gpsPowerState = !this.gpsPowerState;
|
||||
Bangle.setGPSPower(this.gpsPowerState ? 1 : 0);
|
||||
|
||||
this.resetLastFix();
|
||||
this.determineGPSState();
|
||||
|
||||
// poke the gps widget indicator to change
|
||||
if (WIDGETS.gps !== undefined) {
|
||||
WIDGETS.gps.draw();
|
||||
}
|
||||
};
|
||||
|
||||
GPS.prototype.resetLastFix = function() {
|
||||
this.last_fix = {
|
||||
fix: 0,
|
||||
alt: 0,
|
||||
lat: 0,
|
||||
lon: 0,
|
||||
speed: 0,
|
||||
time: 0,
|
||||
satellites: 0
|
||||
};
|
||||
};
|
||||
|
||||
function processFix(fix) {
|
||||
//log_debug("processFix()");
|
||||
gpsObj.processFix(fix);
|
||||
}
|
||||
|
||||
GPS.prototype.processFix = function(fix) {
|
||||
//this.log_debug("GPS:processFix()");
|
||||
//this.log_debug(fix);
|
||||
this.last_fix.time = fix.time;
|
||||
|
||||
if (this.gpsState == this.GPS_TIME) {
|
||||
this.gpsState = this.GPS_SATS;
|
||||
}
|
||||
|
||||
if (fix.fix) {
|
||||
//this.log_debug("Got fix - setting state to GPS_RUNNING");
|
||||
this.gpsState = this.GPS_RUNNING;
|
||||
if (!this.last_fix.fix) Bangle.buzz(); // buzz on first position
|
||||
this.last_fix = fix;
|
||||
}
|
||||
};
|
||||
|
||||
GPS.prototype.formatTime = function(now) {
|
||||
var fd = now.toUTCString().split(" ");
|
||||
return fd[4];
|
||||
};
|
||||
|
||||
GPS.prototype.timeSince = function(t) {
|
||||
var hms = t.split(":");
|
||||
var now = new Date();
|
||||
|
||||
var sn = 3600*(now.getHours()) + 60*(now.getMinutes()) + 1*(now.getSeconds());
|
||||
var st = 3600*(hms[0]) + 60*(hms[1]) + 1*(hms[2]);
|
||||
|
||||
return (sn - st);
|
||||
};
|
||||
|
||||
GPS.prototype.getOsRef = function() {
|
||||
let os = OsGridRef.latLongToOsGrid(this.last_fix);
|
||||
let ref = to_map_ref(6, os.easting, os.northing);
|
||||
return ref;
|
||||
};
|
||||
|
||||
GPS.prototype.calcBearing = function(a,b) {
|
||||
var delta = radians(b.lon-a.lon);
|
||||
var alat = radians(a.lat);
|
||||
var blat = radians(b.lat);
|
||||
var y = Math.sin(delta) * Math.cos(blat);
|
||||
var x = Math.cos(alat)*Math.sin(blat) -
|
||||
Math.sin(alat)*Math.cos(blat)*Math.cos(delta);
|
||||
return Math.round(degrees(Math.atan2(y, x)));
|
||||
}
|
||||
|
||||
GPS.prototype.calcDistance = function(a,b) {
|
||||
var x = radians(a.lon-b.lon) * Math.cos(radians((a.lat+b.lat)/2));
|
||||
var y = radians(b.lat-a.lat);
|
||||
return Math.round(Math.sqrt(x*x + y*y) * 6371000);
|
||||
}
|
||||
|
||||
GPS.prototype.getWPdistance = function() {
|
||||
//log_debug(this.last_fix);
|
||||
//log_debug(this.wp_current);
|
||||
|
||||
if (this.wp_current.name === "NONE" || this.wp_current.lat === undefined || this.wp_current.lat === 0)
|
||||
return 0;
|
||||
else
|
||||
return this.calcDistance(this.last_fix, this.wp_current);
|
||||
}
|
||||
|
||||
GPS.prototype.getWPbearing = function() {
|
||||
//log_debug(this.last_fix);
|
||||
//log_debug(this.wp_current);
|
||||
|
||||
if (this.wp_current.name === "NONE" || this.wp_current.lat === undefined || this.wp_current.lat === 0)
|
||||
return 0;
|
||||
else
|
||||
return this.calcBearing(this.last_fix, this.wp_current);
|
||||
}
|
||||
|
||||
GPS.prototype.loadFirstWaypoint = function() {
|
||||
var waypoints = require("Storage").readJSON("waypoints.json")||[{name:"NONE"}];
|
||||
this.wp_index = 0;
|
||||
this.wp_current = waypoints[this.wp_index];
|
||||
log_debug(this.wp_current);
|
||||
return this.wp_current;
|
||||
}
|
||||
|
||||
GPS.prototype.getCurrentWaypoint = function() {
|
||||
return this.wp_current;
|
||||
}
|
||||
|
||||
GPS.prototype.waypointHasLocation = function() {
|
||||
if (this.wp_current.name === "NONE" || this.wp_current.lat === undefined || this.wp_current.lat === 0)
|
||||
return false;
|
||||
else
|
||||
return true;
|
||||
}
|
||||
|
||||
GPS.prototype.markWaypoint = function() {
|
||||
|
||||
if(this.wp_current.name === "NONE")
|
||||
return;
|
||||
|
||||
log_debug("GPS::markWaypoint()");
|
||||
|
||||
var waypoints = require("Storage").readJSON("waypoints.json")||[{name:"NONE"}];
|
||||
this.wp_current = waypoints[this.wp_index];
|
||||
|
||||
if (this.waypointHasLocation()) {
|
||||
waypoints[this.wp_index] = {name:this.wp_current.name, lat:0, lon:0};
|
||||
} else {
|
||||
waypoints[this.wp_index] = {name:this.wp_current.name, lat:this.last_fix.lat, lon:this.last_fix.lon};
|
||||
}
|
||||
|
||||
this.wp_current = waypoints[this.wp_index];
|
||||
require("Storage").writeJSON("waypoints.json", waypoints);
|
||||
log_debug("GPS::markWaypoint() written");
|
||||
}
|
||||
|
||||
GPS.prototype.nextWaypoint = function(inc) {
|
||||
var waypoints = require("Storage").readJSON("waypoints.json")||[{name:"NONE"}];
|
||||
this.wp_index+=inc;
|
||||
if (this.wp_index>=waypoints.length) this.wp_index=0;
|
||||
if (this.wp_index<0) this.wp_index = waypoints.length-1;
|
||||
this.wp_current = waypoints[this.wp_index];
|
||||
log_debug(this.wp_current);
|
||||
return this.wp_current;
|
||||
}
|
||||
|
||||
var gpsObj = new GPS();
|
||||
|
||||
|
||||
/*****************************************************************************
|
||||
|
||||
Start of OS lat lon to grid ref code
|
||||
|
||||
******************************************************************************/
|
||||
|
||||
Number.prototype.toRad = function() { return this*Math.PI/180; };
|
||||
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
|
||||
/* Ordnance Survey Grid Reference functions (c) Chris Veness 2005-2014 */
|
||||
/* - www.movable-type.co.uk/scripts/gridref.js */
|
||||
/* - www.movable-type.co.uk/scripts/latlon-gridref.html */
|
||||
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
|
||||
function OsGridRef(easting, northing) {
|
||||
this.easting = 0|easting;
|
||||
this.northing = 0|northing;
|
||||
}
|
||||
|
||||
OsGridRef.latLongToOsGrid = function(point) {
|
||||
var lat = point.lat.toRad();
|
||||
var lon = point.lon.toRad();
|
||||
|
||||
var a = 6377563.396, b = 6356256.909; // Airy 1830 major & minor semi-axes
|
||||
var F0 = 0.9996012717; // NatGrid scale factor on central meridian
|
||||
var lat0 = (49).toRad(), lon0 = (-2).toRad(); // NatGrid true origin is 49�N,2�W
|
||||
var N0 = -100000, E0 = 400000; // northing & easting of true origin, metres
|
||||
var e2 = 1 - (b*b)/(a*a); // eccentricity squared
|
||||
var n = (a-b)/(a+b), n2 = n*n, n3 = n*n*n;
|
||||
|
||||
var cosLat = Math.cos(lat), sinLat = Math.sin(lat);
|
||||
var nu = a*F0/Math.sqrt(1-e2*sinLat*sinLat); // transverse radius of curvature
|
||||
var rho = a*F0*(1-e2)/Math.pow(1-e2*sinLat*sinLat, 1.5); // meridional radius of curvature
|
||||
var eta2 = nu/rho-1;
|
||||
|
||||
var Ma = (1 + n + (5/4)*n2 + (5/4)*n3) * (lat-lat0);
|
||||
var Mb = (3*n + 3*n*n + (21/8)*n3) * Math.sin(lat-lat0) * Math.cos(lat+lat0);
|
||||
var Mc = ((15/8)*n2 + (15/8)*n3) * Math.sin(2*(lat-lat0)) * Math.cos(2*(lat+lat0));
|
||||
var Md = (35/24)*n3 * Math.sin(3*(lat-lat0)) * Math.cos(3*(lat+lat0));
|
||||
var M = b * F0 * (Ma - Mb + Mc - Md); // meridional arc
|
||||
|
||||
var cos3lat = cosLat*cosLat*cosLat;
|
||||
var cos5lat = cos3lat*cosLat*cosLat;
|
||||
var tan2lat = Math.tan(lat)*Math.tan(lat);
|
||||
var tan4lat = tan2lat*tan2lat;
|
||||
|
||||
var I = M + N0;
|
||||
var II = (nu/2)*sinLat*cosLat;
|
||||
var III = (nu/24)*sinLat*cos3lat*(5-tan2lat+9*eta2);
|
||||
var IIIA = (nu/720)*sinLat*cos5lat*(61-58*tan2lat+tan4lat);
|
||||
var IV = nu*cosLat;
|
||||
var V = (nu/6)*cos3lat*(nu/rho-tan2lat);
|
||||
var VI = (nu/120) * cos5lat * (5 - 18*tan2lat + tan4lat + 14*eta2 - 58*tan2lat*eta2);
|
||||
|
||||
var dLon = lon-lon0;
|
||||
var dLon2 = dLon*dLon, dLon3 = dLon2*dLon, dLon4 = dLon3*dLon, dLon5 = dLon4*dLon, dLon6 = dLon5*dLon;
|
||||
|
||||
var N = I + II*dLon2 + III*dLon4 + IIIA*dLon6;
|
||||
var E = E0 + IV*dLon + V*dLon3 + VI*dLon5;
|
||||
|
||||
return new OsGridRef(E, N);
|
||||
};
|
||||
|
||||
/*
|
||||
* converts northing, easting to standard OS grid reference.
|
||||
*
|
||||
* [digits=10] - precision (10 digits = metres)
|
||||
* to_map_ref(8, 651409, 313177); => 'TG 5140 1317'
|
||||
* to_map_ref(0, 651409, 313177); => '651409,313177'
|
||||
*
|
||||
*/
|
||||
function to_map_ref(digits, easting, northing) {
|
||||
if (![ 0,2,4,6,8,10,12,14,16 ].includes(Number(digits))) throw new RangeError(`invalid precision '${digits}'`); // eslint-disable-line comma-spacing
|
||||
|
||||
let e = easting;
|
||||
let n = northing;
|
||||
|
||||
// use digits = 0 to return numeric format (in metres) - note northing may be >= 1e7
|
||||
if (digits == 0) {
|
||||
const format = { useGrouping: false, minimumIntegerDigits: 6, maximumFractionDigits: 3 };
|
||||
const ePad = e.toLocaleString('en', format);
|
||||
const nPad = n.toLocaleString('en', format);
|
||||
return `${ePad},${nPad}`;
|
||||
}
|
||||
|
||||
// get the 100km-grid indices
|
||||
const e100km = Math.floor(e / 100000), n100km = Math.floor(n / 100000);
|
||||
|
||||
// translate those into numeric equivalents of the grid letters
|
||||
let l1 = (19 - n100km) - (19 - n100km) % 5 + Math.floor((e100km + 10) / 5);
|
||||
let l2 = (19 - n100km) * 5 % 25 + e100km % 5;
|
||||
|
||||
// compensate for skipped 'I' and build grid letter-pairs
|
||||
if (l1 > 7) l1++;
|
||||
if (l2 > 7) l2++;
|
||||
const letterPair = String.fromCharCode(l1 + 'A'.charCodeAt(0), l2 + 'A'.charCodeAt(0));
|
||||
|
||||
// strip 100km-grid indices from easting & northing, and reduce precision
|
||||
e = Math.floor((e % 100000) / Math.pow(10, 5 - digits / 2));
|
||||
n = Math.floor((n % 100000) / Math.pow(10, 5 - digits / 2));
|
||||
|
||||
// pad eastings & northings with leading zeros
|
||||
e = e.toString().padStart(digits/2, '0');
|
||||
n = n.toString().padStart(digits/2, '0');
|
||||
|
||||
return `${letterPair} ${e} ${n}`;
|
||||
}
|
||||
|
||||
|
||||
/*****************************************************************************
|
||||
|
||||
End of GPS object
|
||||
|
||||
******************************************************************************/
|
||||
|
||||
|
||||
g.clear();
|
||||
Bangle.loadWidgets();
|
||||
face.init(gpsObj);
|
||||
startdraw();
|
||||
setButtons();
|
||||
|
|
@ -0,0 +1 @@
|
|||
require("heatshrink").decompress(atob("mEwxH+AH4A/AH4A/AH4A/AH4AVgAACF1crnNkF9QuBLoMHF9cyGIYuprovBX1cAsgABrovYJSBeBF4SPBFy8HmQbOLwdkFzAtBmYcNCIIuCYAIvXLgJ/BF5pecAAy9OdqgmCg8rmUznMyAAJkCEI5eEdqQgBU4YAJrsHEYheErwuSFpoxEEoa9WIwgwTgFeAwQvQLqQwFaYa7TLyYuBmQYBdKQuCIoUrlcyABcrKwJcWXgZJBEIQiBAAQlEEwI+BmU5CgINDF6ZgFGQI3BAAkzLw8OLygvBg8VhwaBLY5eEg8OisVjgABhwvVhwaCACgv/F78VF/4v/F8sHd9owBF68HFyhgYRyowDYQMVFqMHFy4xEAAMHg41BAAIrFiq6BAAIuZGhIAIFj4A/AH4A/AH4AWA=="))
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
require("Storage").write("kitchen.info",{
|
||||
"id":"kitchen",
|
||||
"name":"Kitchen",
|
||||
"src":"kitchen.app.js",
|
||||
"icon":"kitchen.img",
|
||||
"type":"clock",
|
||||
"files":"kitchen.info, kitchen.app.js, kitchen.img, stepo.kit.js, digi.kit.js, compass.kit.js, gps.kit.js"
|
||||
});
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
|
|
@ -0,0 +1,136 @@
|
|||
(() => {
|
||||
function getFace(){
|
||||
var pal4color;
|
||||
var pal4red;
|
||||
var buf;
|
||||
var intervalRefSec;
|
||||
|
||||
function init(g) {
|
||||
showMem("stepo init 1");
|
||||
pal4color = new Uint16Array([0x0000,0xFFFF,0x7BEF,0xAFE5],0,2); // b,w,grey,greenyellow
|
||||
pal4red = new Uint16Array([0x0000,0xFFFF,0xF800,0xAFE5],0,2); // b,w,red,greenyellow
|
||||
buf = Graphics.createArrayBuffer(120,120,2,{msb:true});
|
||||
showMem("stepo init 2");
|
||||
}
|
||||
|
||||
function freeResources() {
|
||||
showMem("stepo free 1");
|
||||
pal4color = undefined;
|
||||
pal4red = undefined;
|
||||
buf = undefined;
|
||||
showMem("stepo free 2");
|
||||
}
|
||||
|
||||
function showMem(msg) {
|
||||
var val = process.memory();
|
||||
var str = msg + " " + Math.round(val.usage*100/val.total) + "%";
|
||||
//console.log(str);
|
||||
}
|
||||
|
||||
function flip(x,y) {
|
||||
g.drawImage({width:120,height:120,bpp:2,buffer:buf.buffer, palette:pal4color}, x, y);
|
||||
buf.clear();
|
||||
}
|
||||
|
||||
function flip_red(x,y) {
|
||||
g.drawImage({width:120,height:120,bpp:2,buffer:buf.buffer, palette:pal4red}, x, y);
|
||||
buf.clear();
|
||||
}
|
||||
|
||||
function onButtonShort(btn) {}
|
||||
function onButtonLong(btn) {}
|
||||
|
||||
function radians(a) {
|
||||
return a*Math.PI/180;
|
||||
}
|
||||
|
||||
function startTimer() {
|
||||
draw();
|
||||
intervalRefSec = setInterval(draw, 5000);
|
||||
}
|
||||
|
||||
function stopTimer() {
|
||||
if(intervalRefSec) {intervalRefSec=clearInterval(intervalRefSec);}
|
||||
}
|
||||
|
||||
function drawSteps() {
|
||||
var i = 0;
|
||||
var cx = 60;
|
||||
var cy = 60;
|
||||
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 -= 4) {
|
||||
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 -= 4) {
|
||||
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, cx, cy);
|
||||
|
||||
// change the remaining color to RED if battery is below 25%
|
||||
if (E.getBattery() > 25)
|
||||
flip(60,115);
|
||||
else
|
||||
flip_red(60,115);
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
return {init:init, freeResources:freeResources, startTimer:startTimer, stopTimer:stopTimer,
|
||||
onButtonShort:onButtonShort, onButtonLong:onButtonLong};
|
||||
}
|
||||
|
||||
return getFace;
|
||||
|
||||
})();
|
||||
|
|
@ -0,0 +1,170 @@
|
|||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="../../css/spectre.min.css">
|
||||
<link rel="stylesheet" href="../../css/spectre-icons.min.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h4>List of waypoints</h4>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Lat.</th>
|
||||
<th>Long.</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="waypoints">
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
<h4>Add a new waypoint</h4>
|
||||
<form id="add_waypoint_form">
|
||||
<div class="columns">
|
||||
<div class="column col-3 col-xs-8">
|
||||
<input class="form-input input-sm" type="text" id="add_waypoint_name" placeholder="Name">
|
||||
</div>
|
||||
<div class="column col-3 col-xs-8">
|
||||
<input class="form-input input-sm" value="0.0000" type="number" step="any" id="add_latitude" placeholder="Lat">
|
||||
</div>
|
||||
<div class="column col-3 col-xs-8">
|
||||
<input class="form-input input-sm" value="0.0000" type="number" step="any" id="add_longtitude" placeholder="Long">
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column col-3 col-xs-8">
|
||||
<button id="add_name_button" class="btn btn-primary btn-sm">Add Name Only</button>
|
||||
</div>
|
||||
<div class="column col-3 col-xs-8">
|
||||
<button id="add_waypoint_button" class="btn btn-primary btn-sm">Add Waypoint</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<br>
|
||||
<button id="Download" class="btn btn-error">Reload</button> <button id="Upload" class="btn btn-primary">Upload</button>
|
||||
|
||||
<script src="../../core/lib/interface.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
var waypoints = []
|
||||
|
||||
var $name = document.getElementById('add_waypoint_name')
|
||||
var $form = document.getElementById('add_waypoint_form')
|
||||
var $button = document.getElementById('add_waypoint_button')
|
||||
var $name_button = document.getElementById('add_name_button')
|
||||
var $latitude = document.getElementById('add_latitude')
|
||||
var $longtitude = document.getElementById('add_longtitude')
|
||||
var $list = document.getElementById('waypoints')
|
||||
|
||||
function compare(a, b){
|
||||
var x = a.name.toLowerCase();
|
||||
var y = b.name.toLowerCase();
|
||||
if (x=="none") {return -1};
|
||||
if (y=="none") {return 1};
|
||||
if (x < y) {return -1;}
|
||||
if (x > y) {return 1;}
|
||||
return 0;
|
||||
}
|
||||
|
||||
$button.addEventListener('click', event => {
|
||||
event.preventDefault()
|
||||
var name = $name.value.trim()
|
||||
if(!name) return;
|
||||
var lat = parseFloat($latitude.value).toPrecision(5);
|
||||
var lon = parseFloat($longtitude.value).toPrecision(5);
|
||||
|
||||
waypoints.push({
|
||||
name, lat,lon,
|
||||
});
|
||||
|
||||
waypoints.sort(compare);
|
||||
|
||||
renderWaypoints()
|
||||
$name.value = ''
|
||||
$latitude.value = (0).toPrecision(5);
|
||||
$longtitude.value = (0).toPrecision(5);
|
||||
});
|
||||
|
||||
$name_button.addEventListener('click', event => {
|
||||
event.preventDefault()
|
||||
var name = $name.value.trim()
|
||||
if(!name) return;
|
||||
|
||||
waypoints.push({
|
||||
name
|
||||
});
|
||||
waypoints.sort(compare);
|
||||
|
||||
renderWaypoints()
|
||||
$name.value = ''
|
||||
$latitude.value = 0.0000
|
||||
$longtitude.value = 0.0000
|
||||
});
|
||||
|
||||
|
||||
function removeWaypoint(index){
|
||||
$name.value = waypoints[index].name
|
||||
$latitude.value = waypoints[index].lat
|
||||
$longtitude.value = waypoints[index].lon
|
||||
waypoints = waypoints.filter((p,i) => i!==index)
|
||||
renderWaypoints()
|
||||
}
|
||||
|
||||
function renderWaypoints(){
|
||||
$list.innerHTML = ''
|
||||
waypoints.forEach((waypoint,index) => {
|
||||
var $waypoint = document.createElement('tr')
|
||||
if (index==0){
|
||||
$waypoint.innerHTML = `<td>${waypoint.name}</td>`
|
||||
} else if(waypoint.lat==undefined){
|
||||
$waypoint.innerHTML = `<td>${waypoint.name}</td><td>------</td><td>-----</td><td><button class="btn btn-action btn-primary" onclick="removeWaypoint(${index})"><i class="icon icon-edit"></i></button></td>`
|
||||
} else {
|
||||
$waypoint.innerHTML = `<td>${waypoint.name}</td><td>${waypoint.lat}</td><td>${waypoint.lon}</td><td><button class="btn btn-action btn-primary" onclick="removeWaypoint(${index})"><i class="icon icon-edit"></i></button></td>`
|
||||
}
|
||||
$list.appendChild($waypoint)
|
||||
})
|
||||
$name.focus()
|
||||
}
|
||||
|
||||
function downloadJSONfile(fileid, callback) {
|
||||
Puck.write(`\x10(function() {
|
||||
var pts = require("Storage").readJSON("${fileid}")||[{name:"NONE"}];
|
||||
Bluetooth.print(JSON.stringify(pts));
|
||||
})()\n`,contents=>{
|
||||
var storedpts = JSON.parse(contents);
|
||||
callback(storedpts);
|
||||
});
|
||||
}
|
||||
|
||||
function uploadFile(fileid, contents) {
|
||||
Puck.write(`\x10(function() {
|
||||
require("Storage").write("${fileid}",'${contents}');
|
||||
Bluetooth.print("OK");
|
||||
})()\n`,ret=>{
|
||||
console.log("uploadFile",ret);
|
||||
});
|
||||
}
|
||||
|
||||
function gotStored(pts){
|
||||
waypoints = pts;
|
||||
renderWaypoints();
|
||||
}
|
||||
|
||||
function onInit() {
|
||||
downloadJSONfile("waypoints.json", gotStored);
|
||||
}
|
||||
|
||||
document.getElementById("Download").addEventListener("click", function() {
|
||||
downloadJSONfile("waypoints.json", gotStored);
|
||||
});
|
||||
|
||||
document.getElementById("Upload").addEventListener("click", function() {
|
||||
var data = JSON.stringify(waypoints);
|
||||
uploadFile("waypoints.json",data);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
[
|
||||
{
|
||||
"name":"NONE"
|
||||
},
|
||||
{
|
||||
"name":"No10",
|
||||
"lat":51.5032,
|
||||
"lon":-0.1269
|
||||
},
|
||||
{
|
||||
"name":"Stone",
|
||||
"lat":51.1788,
|
||||
"lon":-1.8260
|
||||
},
|
||||
{ "name":"WP0" },
|
||||
{ "name":"WP1" },
|
||||
{ "name":"WP2" },
|
||||
{ "name":"WP3" },
|
||||
{ "name":"WP4" }
|
||||
]
|
||||
Loading…
Reference in New Issue