diff --git a/.gitignore b/.gitignore index 7c1a56d..1d9bd47 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,6 @@ bin/ .settings/ +gen/ +mir/ +internal-mir/ + diff --git a/manifest.xml b/manifest.xml index d1a2e75..c1ab028 100644 --- a/manifest.xml +++ b/manifest.xml @@ -1,82 +1,114 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - dut - eng - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + dut + eng + + + + \ No newline at end of file diff --git a/monkey.jungle b/monkey.jungle index b2200b1..87796c7 100644 --- a/monkey.jungle +++ b/monkey.jungle @@ -1 +1 @@ -project.manifest = manifest.xml +project.manifest = manifest.xml diff --git a/resources/drawables/drawables.xml b/resources/drawables/drawables.xml index 877e9aa..a22c33c 100644 --- a/resources/drawables/drawables.xml +++ b/resources/drawables/drawables.xml @@ -1,3 +1,3 @@ - - - + + + diff --git a/resources/strings/strings.xml b/resources/strings/strings.xml index 5546a4f..496e95b 100644 --- a/resources/strings/strings.xml +++ b/resources/strings/strings.xml @@ -1,76 +1,76 @@ - - Spotlight - Notification icon - What icon to show when there are notifications - None - Circle - Envelope - Low battery warning (percentage) - Under what charge level to show a low battery warning - Zoom factor (percentage) - How much bigger the virtual clock should be in percent - Focal point (percentage) - Where the center of the spotlight should be. 0 is the center of the clock, 100 is the edge of the clock - Numeral position (percentage) - Where numerals should be positioned. 0 is the center of the clock, 100 is the edge of the clock - Numeral visibility - Whether or not to show the numbers for the hours - Low power numeral visibility - Whether or not to show the numbers for the hours when the watch is in low power mode. Caution, the numbers tend to trigger burn-in protection more, which will turn off the display completely. - Font - Font used for numbers. Some might break things on older watches. - Extra tiny Connect IQ font - Tiny Connect IQ font - Small Connect IQ font - Medium Connect IQ font - Large Connect IQ font - Normal size number only Connect IQ font - Medium size number only Connect IQ font - Large size number only Connect IQ font - Huge size number only Connect IQ font - Extra tiny system font - Tiny system font - Small system font - Medium system font - Large system font - Normal size number only system font - Medium size number only system font - Large size number only system font - Huge size number only system font - Glance text font - Glance number only font - Numeral color - Text color for numerals, in RRGGBB hexadecimal form. 000000 is black, FFFFFF is white, 5F0000 is dark red. - Low power numeral color - Text color for numerals when the watch is in low power mode, in RRGGBB hexadecimal form. 000000 is black, FFFFFF is white, 5F0000 is dark red. - Numeral type - Whether to use roman or arabic numerals. Roman will not work with number only fonts. - Arabic - Roman - Background color - Color of the dial, in RRGGBB hexadecimal form. Do not use light colors on an OLED watch, it might trigger the burn-in protection as well as eat your battery alive. 000000 is black, FFFFFF is white, 5F0000 is dark red. - Low power background color (disabled on OLED watches) - Color of the dial when the watch is in low power mode, in RRGGBB hexadecimal form. This option is disabled on OLED watches. 000000 is black, FFFFFF is white, 5F0000 is dark red. - Hash mark color - Color of hash marks in the rim of the dial, in RRGGBB hexadecimal form. 000000 is black, FFFFFF is white, 5F0000 is dark red. - Hour line color - Color of the line corresponding with the hour hand, in RRGGBB hexadecimal form. 000000 is black, FFFFFF is white, 5F0000 is dark red. - Low power hash mark color - Color of the hash marks when the watch is in low power mode, in RRGGBB hexadecimal form. 000000 is black, FFFFFF is white, 5F0000 is dark red. - Low power hour line - Color of the hour line when the watch is in low power mode, in RRGGBB hexadecimal form. 000000 is black, FFFFFF is white, 5F0000 is dark red. - Hour mark length (percentage) - Length is a percentage of the virtual clock diameter - Hour mark width (pixels) - Width is in pixels - 30 minute mark length (percentage) - Length is a percentage of the virtual clock diameter - 30 minute mark width (pixels) - Width is in pixels - 10 minute mark length (percentage) - Length is a percentage of the virtual clock diameter - 10 minute mark width (pixels) - Width is in pixels - Ignore low power mode (disabled on OLED watches) - Ignore the low power mode and use the settings for normal mode. This option is disabled for OLED screens. - + + Spotlight + Notification icon + What icon to show when there are notifications + None + Circle + Envelope + Low battery warning (percentage) + Under what charge level to show a low battery warning + Zoom factor (percentage) + How much bigger the virtual clock should be in percent + Focal point (percentage) + Where the center of the spotlight should be. 0 is the center of the clock, 100 is the edge of the clock + Numeral position (percentage) + Where numerals should be positioned. 0 is the center of the clock, 100 is the edge of the clock + Numeral visibility + Whether or not to show the numbers for the hours + Low power numeral visibility + Whether or not to show the numbers for the hours when the watch is in low power mode. Caution, the numbers tend to trigger burn-in protection more, which will turn off the display completely. + Font + Font used for numbers. Some might break things on older watches. + Extra tiny Connect IQ font + Tiny Connect IQ font + Small Connect IQ font + Medium Connect IQ font + Large Connect IQ font + Normal size number only Connect IQ font + Medium size number only Connect IQ font + Large size number only Connect IQ font + Huge size number only Connect IQ font + Extra tiny system font + Tiny system font + Small system font + Medium system font + Large system font + Normal size number only system font + Medium size number only system font + Large size number only system font + Huge size number only system font + Glance text font + Glance number only font + Numeral color + Text color for numerals, in RRGGBB hexadecimal form. 000000 is black, FFFFFF is white, 5F0000 is dark red. + Low power numeral color + Text color for numerals when the watch is in low power mode, in RRGGBB hexadecimal form. 000000 is black, FFFFFF is white, 5F0000 is dark red. + Numeral type + Whether to use roman or arabic numerals. Roman will not work with number only fonts. + Arabic + Roman + Background color + Color of the dial, in RRGGBB hexadecimal form. Do not use light colors on an OLED watch, it might trigger the burn-in protection as well as eat your battery alive. 000000 is black, FFFFFF is white, 5F0000 is dark red. + Low power background color (disabled on OLED watches) + Color of the dial when the watch is in low power mode, in RRGGBB hexadecimal form. This option is disabled on OLED watches. 000000 is black, FFFFFF is white, 5F0000 is dark red. + Hash mark color + Color of hash marks in the rim of the dial, in RRGGBB hexadecimal form. 000000 is black, FFFFFF is white, 5F0000 is dark red. + Hour line color + Color of the line corresponding with the hour hand, in RRGGBB hexadecimal form. 000000 is black, FFFFFF is white, 5F0000 is dark red. + Low power hash mark color + Color of the hash marks when the watch is in low power mode, in RRGGBB hexadecimal form. 000000 is black, FFFFFF is white, 5F0000 is dark red. + Low power hour line + Color of the hour line when the watch is in low power mode, in RRGGBB hexadecimal form. 000000 is black, FFFFFF is white, 5F0000 is dark red. + Hour mark length (percentage) + Length is a percentage of the virtual clock diameter + Hour mark width (pixels) + Width is in pixels + 30 minute mark length (percentage) + Length is a percentage of the virtual clock diameter + 30 minute mark width (pixels) + Width is in pixels + 10 minute mark length (percentage) + Length is a percentage of the virtual clock diameter + 10 minute mark width (pixels) + Width is in pixels + Ignore low power mode (disabled on OLED watches) + Ignore the low power mode and use the settings for normal mode. This option is disabled for OLED screens. + diff --git a/source/SpotlightApp.mc b/source/SpotlightApp.mc index 09538ca..cd53a94 100644 --- a/source/SpotlightApp.mc +++ b/source/SpotlightApp.mc @@ -1,29 +1,29 @@ -using Toybox.Application; - -class SpotlightApp extends Application.AppBase { - - var spotlight_view as SpotlightView; - - function initialize() { - AppBase.initialize(); - } - - // onStart() is called on application start up - function onStart(state) { - spotlight_view = new SpotlightView(); - } - - // onStop() is called when your application is exiting - function onStop(state) { - } - - // Return the initial view of your application here - function getInitialView() { - return [ spotlight_view ]; - } - - function onSettingsChanged() { - spotlight_view.setupData(); - WatchUi.requestUpdate(); - } +using Toybox.Application; + +class SpotlightApp extends Application.AppBase { + + var spotlight_view as SpotlightView or Null; + + function initialize() { + AppBase.initialize(); + } + + // onStart() is called on application start up + function onStart(state) { + spotlight_view = new SpotlightView(); + } + + // onStop() is called when your application is exiting + function onStop(state) { + } + + // Return the initial view of your application here + function getInitialView() { + return [ spotlight_view ]; + } + + function onSettingsChanged() { + spotlight_view.setupData(); + WatchUi.requestUpdate(); + } } \ No newline at end of file diff --git a/source/SpotlightView.mc b/source/SpotlightView.mc index 1afe4d9..dda1914 100644 --- a/source/SpotlightView.mc +++ b/source/SpotlightView.mc @@ -1,606 +1,606 @@ -using Toybox.WatchUi; -using Toybox.Graphics as Gfx; -using Toybox.Lang; -using Toybox.System as Sys; -using Toybox.Application.Properties; -using Toybox.Math; - -class SpotlightView extends WatchUi.WatchFace { - - var background_color as Number = Gfx.COLOR_BLACK; - var hash_mark_color = Gfx.COLOR_WHITE; - var hour_line_color = Gfx.COLOR_RED; - var background_low_power_color as Number = Gfx.COLOR_BLACK; - var hash_mark_low_power_color = Gfx.COLOR_DK_GRAY; - var hour_line_low_power_color = Gfx.COLOR_DK_RED; - // Starting with a clock exactly the size of the face, how many - // times to zoom in. - var zoom_factor as Float = 2.1f; - // How far from the center of the clock the middle of the face should be - // 0 means don't move, 1 means the edge of the clock will be in the middle - // of the face - var focal_point as Float = 0.8f; - // How far from the center of the clock the number should be printed - var text_position as Float = 0.8f; - var text_visible as Boolean = true; - var text_visible_low_power as Boolean = false; - var text_font = Gfx.FONT_SMALL; - var text_color as Number = Gfx.COLOR_WHITE; - var text_low_power_color as Number = Gfx.COLOR_DK_GRAY; - var roman_numerals as Boolean = false; - // Hash mark sizes: - // l = hour, m = 30 min, s = 10 min - // l = length, w = width - var mark_ll as Float = 0.1f; - var mark_lw as Number = 3; - var mark_ml as Float = 0.05f; - var mark_mw as Number = 2; - var mark_sl as Float = 0.025f; - var mark_sw as Number = 1; - // Notification style - // 0 = None - // 1 = Circle - // 2 = Envelope - var notification_style as Number = 1; - var envelope_left_x as Number; - var envelope_right_x as Number; - var envelope_top_y as Number; - var envelope_bottom_y as Number; - var envelope_mid_tip_y as Number; - var envelope_mid_y as Number; - var envelope_mid_left_x as Number; - var envelope_mid_right_x as Number; - // At what charge level to show low battery icon - var battery_threshold as Number = 20; - var battery_body_x as Number; - var battery_cap_x as Number; - var battery_fill_x as Number; - - // Screen refers to the actual display, Clock refers to the virtual clock - // that we're zooming in on. - var screen_width, screen_height; - var screen_radius; - var screen_center_x, screen_center_y; - var screen_burn_in_possible as Boolean = false; - var have_screen_dimensions as Boolean = false; - var clock_radius; - - // Whether or not we're in sleep mode - var in_sleep_mode = false; - // Whether or not we're in low-power mode - var low_power as Boolean = false; - // Whether or not we're hidden. No need to draw if we are. - var face_hidden as Boolean = false; - // Wether or not we should ignore low power mode. This can be handy for non oled screens. - var ignore_low_power_mode as Boolean = false; - - // Instead of an Array of Objects, separate Arrays, because older watches - // can't handle lots of Objects - const NUM_HASH_MARKS = 72; - var hash_marks_angle as Array = new Float[NUM_HASH_MARKS]; // Angle in rad - var hash_marks_width as Array = new Float[NUM_HASH_MARKS]; // Width of mark in pixels - var hash_marks_clock_xo as Array = new Float[NUM_HASH_MARKS]; // Outside X coordinate of mark - // Clock coordinates in -1.0 to +1.0 range - var hash_marks_clock_yo as Array = new Float[NUM_HASH_MARKS]; // Outside Y coordinate of mark - var hash_marks_clock_xi as Array = new Float[NUM_HASH_MARKS]; // Inside X " - var hash_marks_clock_yi as Array = new Float[NUM_HASH_MARKS]; // Inside Y " - var hash_marks_label as Array = new [NUM_HASH_MARKS]; // Hour label - - function initialize() { - WatchFace.initialize(); - } - - // Since toNumberWithBase() doesn't seem to throw any exception - // on format errors, and even with `as Number` a `null` can happily - // be assigned, use a convenience function for reading colors from - // settings. Also catch exceptions, because they apparently happen - // in some cases. - function getColor(key, default_color as Number) as Number { - try { - var color = Properties.getValue(key); - // Only string instances have the toNumberWithBase function - if (color != null && color instanceof String) { - // We expect the string to be exact 6 long (FFFFFF) - if (color.length() == 6) { - Sys.println("DEBUG: getColor[" + key + "]: string=\"" + color + "\""); - var color_number = color.toNumberWithBase(16); - Sys.println("DEBUG: getColor[" + key + "]: number=" + color_number.format("%x")); - return color_number; - } else { - Sys.println("ERROR: getColor[" + key + "]: length=" + color.length() + " value=\"" + color + "\""); - } - } else { - if (color == null) { - Sys.println("ERROR: getColor[" + key + "]: getValue() returned null"); - } - if (!color instanceof String) { - Sys.println("ERROR: getColor[" + key + "]: getValue() returned something other than a String"); - } - } - } catch (e) { - Sys.println("ERROR: getColor[" + key + "]: Exception while reading property:"); - e.printStackTrace(); - } - Sys.println("DEBUG: getColor[" + key + "]: returning default: " + default_color.format("%x")); - return default_color; - } - - // Convenience functions for floats, numbers and booleans, for - // exceptions that seem to happen on some devices. - - // It turns out that Android presents Floats as Strings in de settings - // file. And in some cases, toFloat() on that String doesn't actually - // work, due to comma vs decimal point mismatch. Super annoying, but - // percentages are probably easier to grok for users anyways. - function getPercentAsFloat(key, default_value as Float) as Float { - try { - var percent = Properties.getValue(key); - if (percent != null) { - if (percent instanceof Number) { - Sys.println("DEBUG: getPercentAsFloat[" + key + "]: number=" + percent.format("%d")); - var value = (percent as Float) / 100f; - Sys.println("DEBUG: getPercentAsFloat[" + key + "]: float=" + value.format("%f")); - return value; - } else if (percent instanceof String) { - Sys.println("DEBUG: getPercentAsFloat[" + key + "]: string=\"" + percent + "\""); - var percent_number = percent.toNumber(); - Sys.println("DEBUG: getPercentAsFloat[" + key + "]: number=" + percent_number.format("%d")); - var value = (percent_number as Float) / 100f; - Sys.println("DEBUG: getPercentAsFloat[" + key + "]: float=" + value.format("%f")); - return value; - } else { - Sys.println("ERROR: getPercentAsFloat[" + key + "]: getValue() returned unexpected type"); - } - } else { - Sys.println("ERROR: getPercentAsFloat[" + key + "]: getValue() returned null"); - } - } catch (e) { - Sys.println("ERROR: getPercentAsFloat[" + key + "]: Exception while reading property:"); - e.printStackTrace(); - } - Sys.println("DEBUG: getPercentAsFloat[" + key + "]: returning default: " + default_value.format("%f")); - return default_value; - } - - function getNumber(key, default_value as Number) as Number { - try { - var value = Properties.getValue(key); - if (value != null) { - if (value instanceof Number) { - Sys.println("DEBUG: getNumber[" + key + "]: float=" + value.format("%d")); - return value; - } else if (value instanceof String) { - Sys.println("DEBUG: getNumber[" + key + "]: string=\"" + value + "\""); - var value_float = value.toNumber(); - Sys.println("DEBUG: getNumber[" + key + "]: float=" + value.format("%d")); - return value.toNumber(); - } else { - Sys.println("ERROR: getNumber[" + key + "]: getValue() returned unexpected type"); - } - } else { - Sys.println("ERROR: getNumber[" + key + "]: getValue() returned null"); - } - } catch (e) { - Sys.println("DEBUG: getNumber[" + key + "]: Exception while reading property:"); - e.printStackTrace(); - } - Sys.println("DEBUG: getNumber[" + key + "]: returning default: " + default_value.format("%d")); - return default_value; - } - - function getBoolean(key, default_value as Boolean) as Boolean { - try { - var value as Boolean or Null = Properties.getValue(key); - if (value != null) { - if (value instanceof Boolean) { - Sys.println("DEBUG: getBoolean[" + key + "]: boolean=" + (value ? "true" : "false")); - return value; - } else if (value instanceof String) { - Sys.println("DEBUG: getBoolean[" + key + "]: string=\"" + value + "\""); - if (value.toLower() == "true") { - Sys.println("DEBUG: getBoolean[" + key + "]: boolean=true"); - return true; - } else if (value.toLower() == "false") { - Sys.println("DEBUG: getBoolean[" + key + "]: boolean=false"); - return false; - } else { - return default_value; - } - } else { - Sys.println("ERROR: getBoolean[" + key + "]: getValue() returned unexpected type"); - } - } else { - Sys.println("ERROR: getBoolean[" + key + "]: getValue() returned null"); - } - } catch (e) { - Sys.println("ERROR: Exception while reading property \"" + key + "\":"); - e.printStackTrace(); - } - Sys.println("DEBUG: getBoolean[" + key + "]: returning default: " + (default_value ? "true" : "false")); - return default_value; - } - - // Here we check all the settings (if possible) and do all the - // pre-calculations we can. - // According to https://take4-blue.com/en/program/garmin/creating-a-garmin-watch-face-performance-2/ - // this should actually be slower, but it seems faster. Possibly Garmin - // fixed the SDK some. - function setupData() { - if (!have_screen_dimensions) { - // don't try to do anything before we have the screen's dimensions - return; - } - var fl1 as Float = Math.PI; - if (Toybox.Application has :Properties) { - zoom_factor = getPercentAsFloat("zoomFactorP", zoom_factor); - focal_point = getPercentAsFloat("focalPointP", focal_point); - text_position = getPercentAsFloat("textPositionP", text_position); - text_visible = getBoolean("textVisible", text_visible); - text_visible_low_power = getBoolean("textVisibleLowPower", text_visible_low_power); - text_font = getNumber("font", text_font); - text_color = getColor("fontColor", text_color); - text_low_power_color = getColor("fontLowPowerColor", text_color); - switch (getNumber("numerals", roman_numerals ? 1 : 0)) { - case 0: - roman_numerals = false; - break; - case 1: - roman_numerals = true; - break; - } - background_color = getColor("backgroundColor", background_color); - hash_mark_color = getColor("hashMarkColor", hash_mark_color); - hour_line_color = getColor("hourLineColor", hour_line_color); - hash_mark_low_power_color = getColor("hashMarkLowPowerColor", hash_mark_low_power_color); - hour_line_low_power_color = getColor("hourLineLowPowerColor", hour_line_low_power_color); - mark_ll = getPercentAsFloat("markLargeLengthP", mark_ll); - mark_lw = getNumber("markLargeWidth", mark_lw); - mark_ml = getPercentAsFloat("markMediumLengthP", mark_ml); - mark_mw = getNumber("markMediumWidth", mark_mw); - mark_sl = getPercentAsFloat("markSmallLengthP", mark_sl); - mark_sw = getNumber("markSmallWidth", mark_sw); - notification_style = getNumber("notificationStyle", notification_style); - battery_threshold = getNumber("batteryThreshold", battery_threshold); - if (!screen_burn_in_possible) { - background_low_power_color = getColor("backgroundLowPowerColor", background_low_power_color); - ignore_low_power_mode = getBoolean("ignoreLowPowerMode", ignore_low_power_mode); - } - } else { - // use screen burn in possible for old (api < 2.4.0) devices becasuse they cannot - // use the settings to enable it. Burn in shouldn't be an issue on old devices. - ignore_low_power_mode = !screen_burn_in_possible; - } - - clock_radius = screen_radius * zoom_factor; - - // pre-calculate as much as we can using static parameters - for(var i = 0; i < NUM_HASH_MARKS; i += 1) { - var angle as Float = ((i as Float) / 72.0f) * 2 * Math.PI; - var length as Float; - if (i % 6 == 0) { - // Hour hashes are the longest - length = mark_ll; - hash_marks_width[i] = mark_lw; - var hour as Number = i / 6; - if (hour == 0) { - hour = 12; - } - if (roman_numerals) { - switch (hour) { - case 1: - hash_marks_label[i] = "I"; - break; - case 2: - hash_marks_label[i] = "II"; - break; - case 3: - hash_marks_label[i] = "III"; - break; - case 4: - hash_marks_label[i] = "IV"; - break; - case 5: - hash_marks_label[i] = "V"; - break; - case 6: - hash_marks_label[i] = "VI"; - break; - case 7: - hash_marks_label[i] = "VII"; - break; - case 8: - hash_marks_label[i] = "VIII"; - break; - case 9: - hash_marks_label[i] = "IX"; - break; - case 10: - hash_marks_label[i] = "X"; - break; - case 11: - hash_marks_label[i] = "XI"; - break; - case 12: - hash_marks_label[i] = "XII"; - break; - } - } else { - hash_marks_label[i] = hour.format("%d"); - } - } else { - if (i % 3 == 0) { - // Half hour ticks - length = mark_ml; - hash_marks_width[i] = mark_mw; - } else { - // 10 minute ticks - length = mark_sl; - hash_marks_width[i] = mark_sw; - } - hash_marks_label[i] = ""; - } - hash_marks_clock_xo[i] = Math.sin(angle); - hash_marks_clock_yo[i] = -Math.cos(angle); - hash_marks_clock_xi[i] = hash_marks_clock_xo[i] * (1 - length); - hash_marks_clock_yi[i] = hash_marks_clock_yo[i] * (1 - length); - } - } - - // Load your resources here - function onLayout(dc) { - // get screen dimensions - screen_width = dc.getWidth(); - screen_height = dc.getHeight(); - // if the screen isn't round/square, we'll use a diameter - // that's the average of the two. And of course radius is - // half that. - screen_radius = (screen_width + screen_height) / 4.0f; - // -1 seems to line up better in the simulator - screen_center_x = screen_width / 2 - 1; - screen_center_y = screen_height / 2 - 1; - Sys.println("DEBUG: screen w=" + screen_width.format("%d") + - " h=" + screen_height.format("%d") + - " cx=" + screen_center_x.format("%d") + - " cy=" + screen_center_y.format("%d") + - " radius=" + screen_radius.format("%f")); - // Use screen_height for Y, instead of screen_radius, because - // there are screens that are wider than they are high - envelope_left_x = screen_center_x - 10; - envelope_right_x = screen_center_x + 10; - envelope_top_y = screen_height - 22; - envelope_bottom_y = screen_height - 10; - envelope_mid_tip_y = screen_height - 12; - envelope_mid_y = screen_height - 16; - envelope_mid_left_x = screen_center_x - 4; - envelope_mid_right_x = screen_center_x + 4; - battery_body_x = screen_center_x - 7; - battery_cap_x = screen_center_x - 9; - battery_fill_x = screen_center_x + 6; - - // screen_burn_in_possible defaults to false - var device = Sys.getDeviceSettings(); - if (device has :requiresBurnInProtection) { - screen_burn_in_possible = device.requiresBurnInProtection; - } - - have_screen_dimensions = true; - setupData(); - } - - // Called when this View is brought to the foreground. Restore - // the state of this View and prepare it to be shown. This includes - // loading resources into memory. - function onShow() { - face_hidden = false; - } - - // Called when this View is removed from the screen. Save the - // state of this View here. This includes freeing resources from - // memory. - function onHide() { - face_hidden = true; - } - - // Update the view - function onUpdate(dc) { - if (face_hidden) { - return; - } - var clockTime = Sys.getClockTime(); - // calculate angle for hour hand for the current time - var time_seconds = ((((clockTime.hour % 12) * 60) + clockTime.min) * 60) + clockTime.sec; - var time_angle = Math.PI * 2 * time_seconds / (12 * 60 * 60); - - // setAntiAlias has only been around since 3.2.0 - // this way we support older models - if(dc has :setAntiAlias) { - dc.setAntiAlias(true); - } - // Set low power mode depending on sleep mode and ignore setting - low_power = in_sleep_mode and !ignore_low_power_mode; - - // Clear the screen with background color. - if (low_power) { - dc.setColor(background_low_power_color, background_low_power_color); - } else { - dc.setColor(background_color, background_color); - } - dc.clear(); - - drawHashMarks(dc, time_angle); - - drawHourLine(dc, time_angle); - - // if this is an OLED watch and we're in low power, - // don't draw icons, because that will trigger the - // burn-in protection - if (!(low_power && screen_burn_in_possible)) { - if (notification_style != 0) { - var device = Sys.getDeviceSettings(); - if (device.notificationCount > 0) { - if (notification_style == 1) { - drawNotificationCircle(dc); - } else { - drawNotificationEnvelope(dc); - } - } - } - - if (Sys.getSystemStats().battery < battery_threshold) { - drawBatteryLow(dc); - } - } - } - - // Only for performance measuring. Don't need this during normal - // operation, since while we use seconds to calculate the angle, - // we don't need to do that in low power mode. - function onPartialUpdate(dc) { - //onUpdate(dc); - } - - function drawHashMarks(dc, angle) { - // focal_point * clock_radius * Math.sin(angle) == - // the offset from center of clock to the focal point. - // Combine them with screen center to bring focal point - // to the center of the screen. - // Add 0.5f to turn the implicit floor that drawLine does - // into a round. - // This is much much faster than using Math.round(), which - // isn't available on older platforms. We're only dealing - // with positive X/Y values, so this works nicely. - var clock_center_x as Float = screen_center_x - focal_point * clock_radius * Math.sin(angle) + 0.5f; - var clock_center_y as Float = screen_center_y + focal_point * clock_radius * Math.cos(angle) + 0.5f; - var index_guess = (72.0f * angle / (2 * Math.PI)).toNumber(); - var dist; - // Determine what colors and visibility to use outside of the loop - var m_color as Number; - var t_visible as Boolean; - var t_color as Number; - if (low_power) { - m_color = hash_mark_low_power_color; - t_visible = text_visible_low_power; - t_color = text_low_power_color; - } else { - m_color = hash_mark_color; - t_visible = text_visible; - t_color = text_color; - } - for (var i = 0; i < NUM_HASH_MARKS; ++i) { - dist = (i - index_guess).abs(); - if (dist <= 9 || dist >= 63) { - dc.setPenWidth(hash_marks_width[i]); - // Transparent background so people can get their numbers nice and close - // or overlaying lines. - dc.setColor(m_color, Gfx.COLOR_TRANSPARENT); - // outside X, outside Y, inside X, inside Y - var xo = clock_center_x + clock_radius * hash_marks_clock_xo[i]; - var yo = clock_center_y + clock_radius * hash_marks_clock_yo[i]; - var xi = clock_center_x + clock_radius * hash_marks_clock_xi[i]; - var yi = clock_center_y + clock_radius * hash_marks_clock_yi[i]; - dc.drawLine(xo, yo, xi, yi); - // Digits trigger burn-in protection, so don't draw them in - // low power mode - if (t_visible && hash_marks_label[i] != "") { - // No text in low power, so no need to set a different color - dc.setColor(t_color, Gfx.COLOR_TRANSPARENT); - var text_x = clock_center_x + clock_radius * hash_marks_clock_xo[i] * text_position; - var text_y = clock_center_y + clock_radius * hash_marks_clock_yo[i] * text_position; - dc.drawText(text_x, text_y, text_font, hash_marks_label[i], - Gfx.TEXT_JUSTIFY_CENTER | Gfx.TEXT_JUSTIFY_VCENTER); - } - } - } - } - - function drawHourLine(dc, angle) { - var x1, y1, x2, y2 as Number; - // 2 * radius so that we definitely overshoot, for square screens - // Again, adding 0.5f to do implicit round instead of floor in - // drawLine. - if (low_power) { - dc.setColor(hour_line_low_power_color, Gfx.COLOR_TRANSPARENT); - } else { - dc.setColor(hour_line_color, Gfx.COLOR_TRANSPARENT); - } - if (low_power && screen_burn_in_possible) { - // For burn-in protection on OLED screens, don't draw the hour - // line at the center of the screen. Instead we do two thinner - // lines near the edges of the screen. This close to the center, - // a width of 2 actually triggered detection at the tip. - dc.setPenWidth(1); - x1 = screen_center_x + 2 * screen_radius * Math.sin(angle) + 0.5f; - y1 = screen_center_y - 2 * screen_radius * Math.cos(angle) + 0.5f; - x2 = screen_center_x + 0.5 * screen_radius * Math.sin(angle) + 0.5f; - y2 = screen_center_y - 0.5 * screen_radius * Math.cos(angle) + 0.5f; - dc.drawLine(x1, y1, x2, y2); - x1 = screen_center_x - 2 * screen_radius * Math.sin(angle) + 0.5f; - y1 = screen_center_y + 2 * screen_radius * Math.cos(angle) + 0.5f; - x2 = screen_center_x - 0.5 * screen_radius * Math.sin(angle) + 0.5f; - y2 = screen_center_y + 0.5 * screen_radius * Math.cos(angle) + 0.5f; - dc.drawLine(x1, y1, x2, y2); - } else { - dc.setPenWidth(2); - x1 = screen_center_x + 2 * screen_radius * Math.sin(angle) + 0.5f; - y1 = screen_center_y - 2 * screen_radius * Math.cos(angle) + 0.5f; - x2 = screen_center_x - 2 * screen_radius * Math.sin(angle) + 0.5f; - y2 = screen_center_y + 2 * screen_radius * Math.cos(angle) + 0.5f; - dc.drawLine(x1, y1, x2, y2); - } - } - - // Draw the notification symbol - function drawNotificationCircle(dc) { - dc.setPenWidth(3); - if (low_power) { - dc.setColor(hash_mark_low_power_color, Gfx.COLOR_TRANSPARENT); - } else { - dc.setColor(hash_mark_color, Gfx.COLOR_TRANSPARENT); - } - // Use screen_height for Y, because there's screens that are - // wider than they are high - dc.drawCircle(screen_center_x, screen_height - screen_height * 0.05f, screen_radius * 0.05f); - } - - function drawNotificationEnvelope(dc) { - dc.setPenWidth(2); - if (low_power) { - dc.setColor(hash_mark_low_power_color, background_low_power_color); - } else { - dc.setColor(hash_mark_color, background_color); - } - dc.fillRectangle(envelope_left_x, envelope_top_y, 21, 13); - if (low_power) { - dc.setColor(background_low_power_color, background_low_power_color); - } else { - dc.setColor(background_color, background_color); - } - dc.drawLine(envelope_left_x, envelope_top_y, screen_center_x, envelope_mid_tip_y); - dc.drawLine(envelope_right_x, envelope_top_y, screen_center_x, envelope_mid_tip_y); - dc.drawLine(envelope_left_x, envelope_bottom_y, envelope_mid_left_x, envelope_mid_y); - dc.drawLine(envelope_right_x, envelope_bottom_y, envelope_mid_right_x, envelope_mid_y); - } - - function drawBatteryLow(dc) { - dc.setPenWidth(2); - if (low_power) { - dc.setColor(hash_mark_low_power_color, background_low_power_color); - } else { - dc.setColor(hash_mark_color, background_color); - } - dc.drawRectangle(battery_body_x, 10, 17, 11); - dc.drawRectangle(battery_cap_x, 13, 1, 5); - dc.drawRectangle(battery_fill_x, 13, 1, 5); - } - - // The user has just looked at their watch. Timers and animations may be started here. - function onExitSleep() { - in_sleep_mode = false; - } - - // Terminate any active timers and prepare for slow updates. - function onEnterSleep() { - in_sleep_mode = true; - } - -} +import Toybox.WatchUi; +import Toybox.Graphics; +import Toybox.Lang; +import Toybox.System; +import Toybox.Application.Properties; +import Toybox.Math; + +class SpotlightView extends WatchUi.WatchFace { + + var background_color as Number = Graphics.COLOR_BLACK; + var hash_mark_color = Graphics.COLOR_WHITE; + var hour_line_color = Graphics.COLOR_RED; + var background_low_power_color as Number = Graphics.COLOR_BLACK; + var hash_mark_low_power_color = Graphics.COLOR_DK_GRAY; + var hour_line_low_power_color = Graphics.COLOR_DK_RED; + // Starting with a clock exactly the size of the face, how many + // times to zoom in. + var zoom_factor as Float = 2.1f; + // How far from the center of the clock the middle of the face should be + // 0 means don't move, 1 means the edge of the clock will be in the middle + // of the face + var focal_point as Float = 0.8f; + // How far from the center of the clock the number should be printed + var text_position as Float = 0.8f; + var text_visible as Boolean = true; + var text_visible_low_power as Boolean = false; + var text_font = Graphics.FONT_SMALL; + var text_color as Number = Graphics.COLOR_WHITE; + var text_low_power_color as Number = Graphics.COLOR_DK_GRAY; + var roman_numerals as Boolean = false; + // Hash mark sizes: + // l = hour, m = 30 min, s = 10 min + // l = length, w = width + var mark_ll as Float = 0.1f; + var mark_lw as Number = 3; + var mark_ml as Float = 0.05f; + var mark_mw as Number = 2; + var mark_sl as Float = 0.025f; + var mark_sw as Number = 1; + // Notification style + // 0 = None + // 1 = Circle + // 2 = Envelope + var notification_style as Number = 1; + var envelope_left_x as Number = 0; + var envelope_right_x as Number = 0; + var envelope_top_y as Number = 0; + var envelope_bottom_y as Number = 0; + var envelope_mid_tip_y as Number = 0; + var envelope_mid_y as Number = 0; + var envelope_mid_left_x as Number = 0; + var envelope_mid_right_x as Number = 0; + // At what charge level to show low battery icon + var battery_threshold as Number = 20; + var battery_body_x as Number = 0; + var battery_cap_x as Number = 0; + var battery_fill_x as Number = 0; + + // Screen refers to the actual display, Clock refers to the virtual clock + // that we're zooming in on. + var screen_width, screen_height; + var screen_radius; + var screen_center_x, screen_center_y; + var screen_burn_in_possible as Boolean = false; + var have_screen_dimensions as Boolean = false; + var clock_radius; + + // Whether or not we're in sleep mode + var in_sleep_mode = false; + // Whether or not we're in low-power mode + var low_power as Boolean = false; + // Whether or not we're hidden. No need to draw if we are. + var face_hidden as Boolean = false; + // Wether or not we should ignore low power mode. This can be handy for non oled screens. + var ignore_low_power_mode as Boolean = false; + + // Instead of an Array of Objects, separate Arrays, because older watches + // can't handle lots of Objects + const NUM_HASH_MARKS = 72; + var hash_marks_angle as Array = new Float[NUM_HASH_MARKS]; // Angle in rad + var hash_marks_width as Array = new Float[NUM_HASH_MARKS]; // Width of mark in pixels + var hash_marks_clock_xo as Array = new Float[NUM_HASH_MARKS]; // Outside X coordinate of mark + // Clock coordinates in -1.0 to +1.0 range + var hash_marks_clock_yo as Array = new Float[NUM_HASH_MARKS]; // Outside Y coordinate of mark + var hash_marks_clock_xi as Array = new Float[NUM_HASH_MARKS]; // Inside X " + var hash_marks_clock_yi as Array = new Float[NUM_HASH_MARKS]; // Inside Y " + var hash_marks_label as Array = new [NUM_HASH_MARKS]; // Hour label + + function initialize() { + WatchFace.initialize(); + } + + // Since toNumberWithBase() doesn't seem to throw any exception + // on format errors, and even with `as Number` a `null` can happily + // be assigned, use a convenience function for reading colors from + // settings. Also catch exceptions, because they apparently happen + // in some cases. + function getColor(key, default_color as Number) as Number { + try { + var color = Properties.getValue(key); + // Only string instances have the toNumberWithBase function + if (color != null && color instanceof String) { + // We expect the string to be exact 6 long (FFFFFF) + if (color.length() == 6) { + System.println("DEBUG: getColor[" + key + "]: string=\"" + color + "\""); + var color_number = color.toNumberWithBase(16); + System.println("DEBUG: getColor[" + key + "]: number=" + color_number.format("%x")); + return color_number; + } else { + System.println("ERROR: getColor[" + key + "]: length=" + color.length() + " value=\"" + color + "\""); + } + } else { + if (color == null) { + System.println("ERROR: getColor[" + key + "]: getValue() returned null"); + } + if (!color instanceof String) { + System.println("ERROR: getColor[" + key + "]: getValue() returned something other than a String"); + } + } + } catch (e) { + System.println("ERROR: getColor[" + key + "]: Exception while reading property:"); + e.printStackTrace(); + } + System.println("DEBUG: getColor[" + key + "]: returning default: " + default_color.format("%x")); + return default_color; + } + + // Convenience functions for floats, numbers and booleans, for + // exceptions that seem to happen on some devices. + + // It turns out that Android presents Floats as Strings in de settings + // file. And in some cases, toFloat() on that String doesn't actually + // work, due to comma vs decimal point mismatch. Super annoying, but + // percentages are probably easier to grok for users anyways. + function getPercentAsFloat(key, default_value as Float) as Float { + try { + var percent = Properties.getValue(key); + if (percent != null) { + if (percent instanceof Number) { + System.println("DEBUG: getPercentAsFloat[" + key + "]: number=" + percent.format("%d")); + var value = (percent as Float) / 100f; + System.println("DEBUG: getPercentAsFloat[" + key + "]: float=" + value.format("%f")); + return value; + } else if (percent instanceof String) { + System.println("DEBUG: getPercentAsFloat[" + key + "]: string=\"" + percent + "\""); + var percent_number = percent.toNumber(); + System.println("DEBUG: getPercentAsFloat[" + key + "]: number=" + percent_number.format("%d")); + var value = (percent_number as Float) / 100f; + System.println("DEBUG: getPercentAsFloat[" + key + "]: float=" + value.format("%f")); + return value; + } else { + System.println("ERROR: getPercentAsFloat[" + key + "]: getValue() returned unexpected type"); + } + } else { + System.println("ERROR: getPercentAsFloat[" + key + "]: getValue() returned null"); + } + } catch (e) { + System.println("ERROR: getPercentAsFloat[" + key + "]: Exception while reading property:"); + e.printStackTrace(); + } + System.println("DEBUG: getPercentAsFloat[" + key + "]: returning default: " + default_value.format("%f")); + return default_value; + } + + function getNumber(key, default_value as Number) as Number { + try { + var value = Properties.getValue(key); + if (value != null) { + if (value instanceof Number) { + System.println("DEBUG: getNumber[" + key + "]: float=" + value.format("%d")); + return value; + } else if (value instanceof String) { + System.println("DEBUG: getNumber[" + key + "]: string=\"" + value + "\""); + var value_float = value.toNumber(); + System.println("DEBUG: getNumber[" + key + "]: float=" + value_float.format("%d")); + return value_float; + } else { + System.println("ERROR: getNumber[" + key + "]: getValue() returned unexpected type"); + } + } else { + System.println("ERROR: getNumber[" + key + "]: getValue() returned null"); + } + } catch (e) { + System.println("DEBUG: getNumber[" + key + "]: Exception while reading property:"); + e.printStackTrace(); + } + System.println("DEBUG: getNumber[" + key + "]: returning default: " + default_value.format("%d")); + return default_value; + } + + function getBoolean(key, default_value as Boolean) as Boolean { + try { + var value = Properties.getValue(key); + if (value != null) { + if (value instanceof Boolean) { + System.println("DEBUG: getBoolean[" + key + "]: boolean=" + (value ? "true" : "false")); + return value; + } else if (value instanceof String) { + System.println("DEBUG: getBoolean[" + key + "]: string=\"" + value + "\""); + if (value.toLower() == "true") { + System.println("DEBUG: getBoolean[" + key + "]: boolean=true"); + return true; + } else if (value.toLower() == "false") { + System.println("DEBUG: getBoolean[" + key + "]: boolean=false"); + return false; + } else { + return default_value; + } + } else { + System.println("ERROR: getBoolean[" + key + "]: getValue() returned unexpected type"); + } + } else { + System.println("ERROR: getBoolean[" + key + "]: getValue() returned null"); + } + } catch (e) { + System.println("ERROR: Exception while reading property \"" + key + "\":"); + e.printStackTrace(); + } + System.println("DEBUG: getBoolean[" + key + "]: returning default: " + (default_value ? "true" : "false")); + return default_value; + } + + // Here we check all the settings (if possible) and do all the + // pre-calculations we can. + // According to https://take4-blue.com/en/program/garmin/creating-a-garmin-watch-face-performance-2/ + // this should actually be slower, but it seems faster. Possibly Garmin + // fixed the SDK some. + function setupData() { + if (!have_screen_dimensions) { + // don't try to do anything before we have the screen's dimensions + return; + } + var fl1 = Math.PI; + if (Toybox.Application has :Properties) { + zoom_factor = getPercentAsFloat("zoomFactorP", zoom_factor); + focal_point = getPercentAsFloat("focalPointP", focal_point); + text_position = getPercentAsFloat("textPositionP", text_position); + text_visible = getBoolean("textVisible", text_visible); + text_visible_low_power = getBoolean("textVisibleLowPower", text_visible_low_power); + text_font = getNumber("font", text_font); + text_color = getColor("fontColor", text_color); + text_low_power_color = getColor("fontLowPowerColor", text_color); + switch (getNumber("numerals", roman_numerals ? 1 : 0)) { + case 0: + roman_numerals = false; + break; + case 1: + roman_numerals = true; + break; + } + background_color = getColor("backgroundColor", background_color); + hash_mark_color = getColor("hashMarkColor", hash_mark_color); + hour_line_color = getColor("hourLineColor", hour_line_color); + hash_mark_low_power_color = getColor("hashMarkLowPowerColor", hash_mark_low_power_color); + hour_line_low_power_color = getColor("hourLineLowPowerColor", hour_line_low_power_color); + mark_ll = getPercentAsFloat("markLargeLengthP", mark_ll); + mark_lw = getNumber("markLargeWidth", mark_lw); + mark_ml = getPercentAsFloat("markMediumLengthP", mark_ml); + mark_mw = getNumber("markMediumWidth", mark_mw); + mark_sl = getPercentAsFloat("markSmallLengthP", mark_sl); + mark_sw = getNumber("markSmallWidth", mark_sw); + notification_style = getNumber("notificationStyle", notification_style); + battery_threshold = getNumber("batteryThreshold", battery_threshold); + if (!screen_burn_in_possible) { + background_low_power_color = getColor("backgroundLowPowerColor", background_low_power_color); + ignore_low_power_mode = getBoolean("ignoreLowPowerMode", ignore_low_power_mode); + } + } else { + // use screen burn in possible for old (api < 2.4.0) devices becasuse they cannot + // use the settings to enable it. Burn in shouldn't be an issue on old devices. + ignore_low_power_mode = !screen_burn_in_possible; + } + + clock_radius = screen_radius * zoom_factor; + + // pre-calculate as much as we can using static parameters + for(var i = 0; i < NUM_HASH_MARKS; i += 1) { + var angle = ((i as Float) / 72.0f) * 2 * Math.PI; + var length; + if (i % 6 == 0) { + // Hour hashes are the longest + length = mark_ll; + hash_marks_width[i] = mark_lw.toFloat(); + var hour = i / 6; + if (hour == 0) { + hour = 12; + } + if (roman_numerals) { + switch (hour) { + case 1: + hash_marks_label[i] = "I"; + break; + case 2: + hash_marks_label[i] = "II"; + break; + case 3: + hash_marks_label[i] = "III"; + break; + case 4: + hash_marks_label[i] = "IV"; + break; + case 5: + hash_marks_label[i] = "V"; + break; + case 6: + hash_marks_label[i] = "VI"; + break; + case 7: + hash_marks_label[i] = "VII"; + break; + case 8: + hash_marks_label[i] = "VIII"; + break; + case 9: + hash_marks_label[i] = "IX"; + break; + case 10: + hash_marks_label[i] = "X"; + break; + case 11: + hash_marks_label[i] = "XI"; + break; + case 12: + hash_marks_label[i] = "XII"; + break; + } + } else { + hash_marks_label[i] = hour.format("%d"); + } + } else { + if (i % 3 == 0) { + // Half hour ticks + length = mark_ml; + hash_marks_width[i] = mark_mw.toFloat(); + } else { + // 10 minute ticks + length = mark_sl; + hash_marks_width[i] = mark_sw.toFloat(); + } + hash_marks_label[i] = ""; + } + hash_marks_clock_xo[i] = Math.sin(angle); + hash_marks_clock_yo[i] = -Math.cos(angle); + hash_marks_clock_xi[i] = hash_marks_clock_xo[i] * (1 - length); + hash_marks_clock_yi[i] = hash_marks_clock_yo[i] * (1 - length); + } + } + + // Load your resources here + function onLayout(dc) { + // get screen dimensions + screen_width = dc.getWidth(); + screen_height = dc.getHeight(); + // if the screen isn't round/square, we'll use a diameter + // that's the average of the two. And of course radius is + // half that. + screen_radius = (screen_width + screen_height) / 4.0f; + // -1 seems to line up better in the simulator + screen_center_x = screen_width / 2 - 1; + screen_center_y = screen_height / 2 - 1; + System.println("DEBUG: screen w=" + screen_width.format("%d") + + " h=" + screen_height.format("%d") + + " cx=" + screen_center_x.format("%d") + + " cy=" + screen_center_y.format("%d") + + " radius=" + screen_radius.format("%f")); + // Use screen_height for Y, instead of screen_radius, because + // there are screens that are wider than they are high + envelope_left_x = screen_center_x - 10; + envelope_right_x = screen_center_x + 10; + envelope_top_y = screen_height - 22; + envelope_bottom_y = screen_height - 10; + envelope_mid_tip_y = screen_height - 12; + envelope_mid_y = screen_height - 16; + envelope_mid_left_x = screen_center_x - 4; + envelope_mid_right_x = screen_center_x + 4; + battery_body_x = screen_center_x - 7; + battery_cap_x = screen_center_x - 9; + battery_fill_x = screen_center_x + 6; + + // screen_burn_in_possible defaults to false + var device = System.getDeviceSettings(); + if (device has :requiresBurnInProtection) { + screen_burn_in_possible = device.requiresBurnInProtection; + } + + have_screen_dimensions = true; + setupData(); + } + + // Called when this View is brought to the foreground. Restore + // the state of this View and prepare it to be shown. This includes + // loading resources into memory. + function onShow() { + face_hidden = false; + } + + // Called when this View is removed from the screen. Save the + // state of this View here. This includes freeing resources from + // memory. + function onHide() { + face_hidden = true; + } + + // Update the view + function onUpdate(dc) { + if (face_hidden) { + return; + } + var clockTime = System.getClockTime(); + // calculate angle for hour hand for the current time + var time_seconds = ((((clockTime.hour % 12) * 60) + clockTime.min) * 60) + clockTime.sec; + var time_angle = Math.PI * 2 * time_seconds / (12 * 60 * 60); + + // setAntiAlias has only been around since 3.2.0 + // this way we support older models + if(dc has :setAntiAlias) { + dc.setAntiAlias(true); + } + // Set low power mode depending on sleep mode and ignore setting + low_power = in_sleep_mode and !ignore_low_power_mode; + + // Clear the screen with background color. + if (low_power) { + dc.setColor(background_low_power_color, background_low_power_color); + } else { + dc.setColor(background_color, background_color); + } + dc.clear(); + + drawHashMarks(dc, time_angle); + + drawHourLine(dc, time_angle); + + // if this is an OLED watch and we're in low power, + // don't draw icons, because that will trigger the + // burn-in protection + if (!(low_power && screen_burn_in_possible)) { + if (notification_style != 0) { + var device = System.getDeviceSettings(); + if (device.notificationCount > 0) { + if (notification_style == 1) { + drawNotificationCircle(dc); + } else { + drawNotificationEnvelope(dc); + } + } + } + + if (System.getSystemStats().battery < battery_threshold) { + drawBatteryLow(dc); + } + } + } + + // Only for performance measuring. Don't need this during normal + // operation, since while we use seconds to calculate the angle, + // we don't need to do that in low power mode. + function onPartialUpdate(dc) { + //onUpdate(dc); + } + + function drawHashMarks(dc, angle) { + // focal_point * clock_radius * Math.sin(angle) == + // the offset from center of clock to the focal point. + // Combine them with screen center to bring focal point + // to the center of the screen. + // Add 0.5f to turn the implicit floor that drawLine does + // into a round. + // This is much much faster than using Math.round(), which + // isn't available on older platforms. We're only dealing + // with positive X/Y values, so this works nicely. + var clock_center_x = screen_center_x - focal_point * clock_radius * Math.sin(angle) + 0.5f; + var clock_center_y = screen_center_y + focal_point * clock_radius * Math.cos(angle) + 0.5f; + var index_guess = (72.0f * angle / (2 * Math.PI)).toNumber(); + var dist; + // Determine what colors and visibility to use outside of the loop + var m_color; + var t_visible; + var t_color; + if (low_power) { + m_color = hash_mark_low_power_color; + t_visible = text_visible_low_power; + t_color = text_low_power_color; + } else { + m_color = hash_mark_color; + t_visible = text_visible; + t_color = text_color; + } + for (var i = 0; i < NUM_HASH_MARKS; ++i) { + dist = (i - index_guess).abs(); + if (dist <= 9 || dist >= 63) { + dc.setPenWidth(hash_marks_width[i]); + // Transparent background so people can get their numbers nice and close + // or overlaying lines. + dc.setColor(m_color, Graphics.COLOR_TRANSPARENT); + // outside X, outside Y, inside X, inside Y + var xo = clock_center_x + clock_radius * hash_marks_clock_xo[i]; + var yo = clock_center_y + clock_radius * hash_marks_clock_yo[i]; + var xi = clock_center_x + clock_radius * hash_marks_clock_xi[i]; + var yi = clock_center_y + clock_radius * hash_marks_clock_yi[i]; + dc.drawLine(xo, yo, xi, yi); + // Digits trigger burn-in protection, so don't draw them in + // low power mode + if (t_visible && hash_marks_label[i] != "") { + // No text in low power, so no need to set a different color + dc.setColor(t_color, Graphics.COLOR_TRANSPARENT); + var text_x = clock_center_x + clock_radius * hash_marks_clock_xo[i] * text_position; + var text_y = clock_center_y + clock_radius * hash_marks_clock_yo[i] * text_position; + dc.drawText(text_x, text_y, text_font, hash_marks_label[i], + Graphics.TEXT_JUSTIFY_CENTER | Graphics.TEXT_JUSTIFY_VCENTER); + } + } + } + } + + function drawHourLine(dc, angle) { + var x1, y1, x2, y2; + // 2 * radius so that we definitely overshoot, for square screens + // Again, adding 0.5f to do implicit round instead of floor in + // drawLine. + if (low_power) { + dc.setColor(hour_line_low_power_color, Graphics.COLOR_TRANSPARENT); + } else { + dc.setColor(hour_line_color, Graphics.COLOR_TRANSPARENT); + } + if (low_power && screen_burn_in_possible) { + // For burn-in protection on OLED screens, don't draw the hour + // line at the center of the screen. Instead we do two thinner + // lines near the edges of the screen. This close to the center, + // a width of 2 actually triggered detection at the tip. + dc.setPenWidth(1); + x1 = screen_center_x + 2 * screen_radius * Math.sin(angle) + 0.5f; + y1 = screen_center_y - 2 * screen_radius * Math.cos(angle) + 0.5f; + x2 = screen_center_x + 0.5 * screen_radius * Math.sin(angle) + 0.5f; + y2 = screen_center_y - 0.5 * screen_radius * Math.cos(angle) + 0.5f; + dc.drawLine(x1, y1, x2, y2); + x1 = screen_center_x - 2 * screen_radius * Math.sin(angle) + 0.5f; + y1 = screen_center_y + 2 * screen_radius * Math.cos(angle) + 0.5f; + x2 = screen_center_x - 0.5 * screen_radius * Math.sin(angle) + 0.5f; + y2 = screen_center_y + 0.5 * screen_radius * Math.cos(angle) + 0.5f; + dc.drawLine(x1, y1, x2, y2); + } else { + dc.setPenWidth(2); + x1 = screen_center_x + 2 * screen_radius * Math.sin(angle) + 0.5f; + y1 = screen_center_y - 2 * screen_radius * Math.cos(angle) + 0.5f; + x2 = screen_center_x - 2 * screen_radius * Math.sin(angle) + 0.5f; + y2 = screen_center_y + 2 * screen_radius * Math.cos(angle) + 0.5f; + dc.drawLine(x1, y1, x2, y2); + } + } + + // Draw the notification symbol + function drawNotificationCircle(dc) { + dc.setPenWidth(3); + if (low_power) { + dc.setColor(hash_mark_low_power_color, Graphics.COLOR_TRANSPARENT); + } else { + dc.setColor(hash_mark_color, Graphics.COLOR_TRANSPARENT); + } + // Use screen_height for Y, because there's screens that are + // wider than they are high + dc.drawCircle(screen_center_x, screen_height - screen_height * 0.05f, screen_radius * 0.05f); + } + + function drawNotificationEnvelope(dc) { + dc.setPenWidth(2); + if (low_power) { + dc.setColor(hash_mark_low_power_color, background_low_power_color); + } else { + dc.setColor(hash_mark_color, background_color); + } + dc.fillRectangle(envelope_left_x, envelope_top_y, 21, 13); + if (low_power) { + dc.setColor(background_low_power_color, background_low_power_color); + } else { + dc.setColor(background_color, background_color); + } + dc.drawLine(envelope_left_x, envelope_top_y, screen_center_x, envelope_mid_tip_y); + dc.drawLine(envelope_right_x, envelope_top_y, screen_center_x, envelope_mid_tip_y); + dc.drawLine(envelope_left_x, envelope_bottom_y, envelope_mid_left_x, envelope_mid_y); + dc.drawLine(envelope_right_x, envelope_bottom_y, envelope_mid_right_x, envelope_mid_y); + } + + function drawBatteryLow(dc) { + dc.setPenWidth(2); + if (low_power) { + dc.setColor(hash_mark_low_power_color, background_low_power_color); + } else { + dc.setColor(hash_mark_color, background_color); + } + dc.drawRectangle(battery_body_x, 10, 17, 11); + dc.drawRectangle(battery_cap_x, 13, 1, 5); + dc.drawRectangle(battery_fill_x, 13, 1, 5); + } + + // The user has just looked at their watch. Timers and animations may be started here. + function onExitSleep() { + in_sleep_mode = false; + } + + // Terminate any active timers and prepare for slow updates. + function onEnterSleep() { + in_sleep_mode = true; + } + +}