mirror of
https://github.com/google/pebble.git
synced 2025-03-15 08:41:21 +00:00
84 lines
2.4 KiB
JavaScript
84 lines
2.4 KiB
JavaScript
/**
|
|
* Copyright 2024 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
var rocky = require('rocky');
|
|
|
|
// An object to cache our date & time values,
|
|
// to minimize computations in the draw handler.
|
|
var clockData = {
|
|
time: '',
|
|
date: ''
|
|
};
|
|
|
|
// Every minute
|
|
// https://developer.pebble.com/docs/rockyjs/rocky/#on
|
|
rocky.on('minutechange', function(event) {
|
|
// Current date/time
|
|
// https://developer.pebble.com/docs/rockyjs/Date/
|
|
var d = event.date;
|
|
|
|
// Get current time, based on 12h or 24h format (01:00 or 1:00 AM)
|
|
clockData.time = d.toLocaleTimeString().replace(/:\d+($$| )/, '$$1');
|
|
|
|
// Day of month
|
|
var day = d.toLocaleDateString(undefined, ({day: 'numeric'}));
|
|
|
|
// Month name
|
|
var month = d.toLocaleDateString(undefined, ({month: 'long'}));
|
|
|
|
// Date
|
|
clockData.date = (day + ' ' + month);
|
|
|
|
// Force screen redraw
|
|
rocky.requestDraw();
|
|
});
|
|
|
|
// Redraw the screen
|
|
rocky.on('draw', function(event) {
|
|
// Drawing canvas
|
|
var ctx = event.context;
|
|
|
|
// Clear the canvas
|
|
// https://developer.pebble.com/docs/rockyjs/CanvasRenderingContext2D/#Canvas
|
|
ctx.clearRect(0, 0, ctx.canvas.clientWidth, ctx.canvas.clientHeight);
|
|
|
|
// UnobstructedArea
|
|
// https://developer.pebble.com/docs/rockyjs/CanvasRenderingContext2D/#Canvas
|
|
var offsetY = (ctx.canvas.clientHeight - ctx.canvas.unobstructedHeight) / 2;
|
|
var centerX = ctx.canvas.unobstructedWidth / 2;
|
|
|
|
// Text formatting
|
|
ctx.fillStyle = 'white';
|
|
ctx.textAlign = 'center';
|
|
|
|
// Time font
|
|
// https://developer.pebble.com/docs/rockyjs/CanvasRenderingContext2D/#font
|
|
ctx.font = '26px bold Leco-numbers-am-pm';
|
|
|
|
// Time
|
|
ctx.fillText(clockData.time, centerX, (66 - offsetY));
|
|
|
|
// Date font
|
|
ctx.font = '18px bold Gothic';
|
|
|
|
// Date
|
|
ctx.fillText(clockData.date, centerX, (94 - offsetY));
|
|
});
|
|
|
|
|
|
// Send a single message to the Phone
|
|
// https://developer.pebble.com/docs/rockyjs/rocky/#postMessage
|
|
rocky.postMessage("This arrives on the phone via bluetooth!");
|