diff --git a/apps/slopeclockbig/ChangeLog b/apps/slopeclockbig/ChangeLog index 6386fa490..16c02f904 100644 --- a/apps/slopeclockbig/ChangeLog +++ b/apps/slopeclockbig/ChangeLog @@ -2,3 +2,4 @@ plus first modifications to draw clock only in left upper corner 0.20: Minor fix 0.30: Fix size of animation and drawing slope to left upper +0.40: Try with halving the other scalars diff --git a/apps/slopeclockbig/app.js b/apps/slopeclockbig/app.js index 801fc72f8..eab1474d4 100644 --- a/apps/slopeclockbig/app.js +++ b/apps/slopeclockbig/app.js @@ -33,10 +33,10 @@ let g2img = { width:g2.getWidth() / 2, height:g2.getHeight() / 2, bpp:1, buffer:g2.buffer, transparent:0 }; -const slope = 20; -const offsY = 20; // offset of numbers from middle +const slope = 10; +const offsY = 10; // offset of numbers from middle const fontBorder = 4; // offset from left/right -const slopeBorder = 10, slopeBorderUpper = 4; // fudge-factor to move minutes down from slope +const slopeBorder = 5, slopeBorderUpper = 2; // fudge-factor to move minutes down from slope let R,x,y; // middle of the clock face let dateStr = ""; let bgColors = []; @@ -82,6 +82,7 @@ let draw = function() { g.reset().clearRect(rRaw); // clear whole background (w/o widgets) g.setFontAlign(-1, 0).setFont("PaytoneOne"); g.drawString(hourStr, fontBorder, y-offsY).setFont("4x6"); // draw and unload custom font + // add slope in background color g.setColor(g.theme.bg) .fillPoly([0,y+slope-slopeBorderUpper, R.w,y-slope-slopeBorderUpper, R.w,y-slope, 0,y+slope]); @@ -90,6 +91,7 @@ let draw = function() { g2.setColor(0).fillRect(0,0,g2.getWidth(),g2.getHeight()).setFontAlign(1, 0).setFont("PaytoneOne"); g2.setColor(1).drawString(minStr, g2.getWidth()-fontBorder, g2.getHeight()/2).setFont("4x6"); // draw and unload custom font g2.setColor(0).fillPoly([0,0, g2.getWidth(),0, 0,slope*2]); + // redraw the top widget clockInfoMenu.redraw(); // start the animation *in* diff --git a/apps/slopeclockbig/metadata.json b/apps/slopeclockbig/metadata.json index 0ba111f66..6d47b3b22 100644 --- a/apps/slopeclockbig/metadata.json +++ b/apps/slopeclockbig/metadata.json @@ -1,6 +1,6 @@ { "id": "slopeclockbig", "name": "Slope Clock BIG", - "version":"0.3", + "version":"0.4", "description": "A clock where hours and minutes are divided by a sloping line. When the minute changes, the numbers slide off the screen. This is a clone of the original Slope Clock which shows extra information and allows the colors to be selected.", "icon": "app.png", "screenshots": [{"url":"screenshot.png"}],