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

pebblepp: Fix automatic coloring of middle of clockinfo images if clockinfo image goes right to the top or left

master
Gordon Williams 2024-05-02 14:49:34 +01:00
parent 3193d3b2fe
commit 15dd06fa70
3 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/pebblepp/ChangeLog
View File

@ -4,4 +4,5 @@
0.03: Use smaller font if clock_info test doesn't fit in area 0.03: Use smaller font if clock_info test doesn't fit in area
0.04: Ensure we only scale down clockinfo text if it really won't fit 0.04: Ensure we only scale down clockinfo text if it really won't fit
0.05: Minor code improvements 0.05: Minor code improvements
0.06: Use the clockbg library to allow custom image backgrounds 0.06: Use the clockbg library to allow custom image backgrounds
0.07: Fix automatic coloring of middle of clockinfo images if clockinfo image goes right to the top or left

10
apps/pebblepp/app.js
View File

@ -65,7 +65,7 @@ loadThemeColors();
// Load the clock infos // Load the clock infos
let clockInfoW = 0|(w/2); let clockInfoW = 0|(w/2);
let clockInfoH = 0|(h/2); let clockInfoH = 0|(h/2);
let clockInfoG = Graphics.createArrayBuffer(25, 25, 2, {msb:true}); let clockInfoG = Graphics.createArrayBuffer(26, 26, 2, {msb:true});
clockInfoG.transparent = 3; clockInfoG.transparent = 3;
clockInfoG.palette = new Uint16Array([g.theme.bg, g.theme.fg, g.toColor("#888"), g.toColor("#888")]); clockInfoG.palette = new Uint16Array([g.theme.bg, g.theme.fg, g.toColor("#888"), g.toColor("#888")]);
let clockInfoItems = require("clock_info").load(); let clockInfoItems = require("clock_info").load();
@ -91,10 +91,10 @@ let clockInfoDraw = (itm, info, options) => {
the middle of it to be white. So what we do is we draw a slightly bigger rectangle in white, the middle of it to be white. So what we do is we draw a slightly bigger rectangle in white,
draw the image, and then flood-fill the rectangle back to the background color. floodFill draw the image, and then flood-fill the rectangle back to the background color. floodFill
was only added in 2v18 so we have to check for it and fallback if not. */ was only added in 2v18 so we have to check for it and fallback if not. */
clockInfoG.setBgColor(0).clearRect(0,0,24,24); clockInfoG.setBgColor(0).clearRect(0,0,25,25);
clockInfoG.setColor(1).drawImage(info.img, 0,0); clockInfoG.setColor(1).drawImage(info.img, 1,1);
clockInfoG.floodFill(24,24,3); clockInfoG.floodFill(0,0,3);
g.drawImage(clockInfoG, midx-24,y,{scale:2}); g.drawImage(clockInfoG, midx-26,y-2,{scale:2});
} else { // fallback } else { // fallback
g.drawImage(info.img, midx-24,y,{scale:2}); g.drawImage(info.img, midx-24,y,{scale:2});
} }

2
apps/pebblepp/metadata.json
View File

@ -2,7 +2,7 @@
"id": "pebblepp", "id": "pebblepp",
"name": "Pebble++ Clock", "name": "Pebble++ Clock",
"shortName": "Pebble++", "shortName": "Pebble++",
"version": "0.06", "version": "0.07",
"description": "A pebble style clock (based on the 'Pebble Clock' app) but with two configurable ClockInfo items at the top", "description": "A pebble style clock (based on the 'Pebble Clock' app) but with two configurable ClockInfo items at the top",
"icon": "app.png", "icon": "app.png",
"screenshots": [{"url":"screenshot.png"}], "screenshots": [{"url":"screenshot.png"}],