Watchface Ideas

Posted on
Page
of 3
Prev
/ 3
Next
  • I'm going to make more, and then experiment with making a setting that lets you pick a bunch of sci-fi fonts; like this one.
    https://fonts.google.com/specimen/Chakra­+Petch
    Perhaps random colour per minute, separate for hour and minutes.

    Graphics.prototype.setFontChakraPetch = function(scale) {
      // Actual height 43 (44 - 2)
      g.setFontCustom(atob("AAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAAAAAADwAAAAAAAAD4AAAAAAAAH4­AAAAAAAAH4AAAAAAAAD4AAAAAAAABwAAAAAAAAAA­AAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAAAD4­AAAAAAAAP4AAAAAAAAf4AAAAAAAB/wAAAAAAAH/A­AAAAAAAf8AAAAAAAB/wAAAAAAAH/AAAAAAAAP+AA­AAAAAA/4AAAAAAAD/gAAAAAAAP+AAAAAAAA/4AAA­AAAAB/wAAAAAAAH/AAAAAAAAf8AAAAAAAB/wAAAA­AAAH/AAAAAAAAP8AAAAAAAA/4AAAAAAAD/gAAAAA­AAH+AAAAAAAAP4AAAAAAAAPgAAAAAAAAPAAAAAAA­AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAP////8AAAAf////+AAAA//////A­AAB//////gAAD//////wAAH4AAAAH4AAHwAAAAD4­AAHgAAAAB4AAHgAAAAB4AAHgAAAAB4AAHgAAAAB4­AAHgAAAAB4AAHgAAAAB4AAHgAAAAB4AAHgAAAAB4­AAHgAAAAB4AAHgAAAAB4AAHgAAAAB4AAHgAAAAB4­AAHgAAAAB4AAHgAAAAB4AAHgAAAAB4AAHwAAAAD4­AAH4AAAAH4AAD//////wAAB//////gAAA//////A­AAAf////+AAAAP////8AAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA­AAAOAAAAAAAAAeAAAAAAAAAeAAAAAAAAA8AAAAAA­AAA8AAAAAAAAB4AAAAAAAAD4AAAAAAAADwAAAAAA­AAHwAAAAAAAAH//////4AAH//////4AAH//////4­AAH//////4AAH//////4AAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAPAAAAAAAAAfgAAAf4AAA/gAAA/4­AAB/gAAB/4AAD/gAAD/4AAH4AAAP/4AAHwAAAfx4­AAHgAAA/h4AAHgAAB/B4AAHgAAD+B4AAHgAAH4B4­AAHgAAPwB4AAHgAAfgB4AAHgAA/AB4AAHgAB+AB4­AAHgAD8AB4AAHgAH4AB4AAHgAPwAB4AAHgAfgAB4­AAHgA/AAB4AAHgB+AAB4AAHwD8AAB4AAH4H4AAB4­AAD//wAAB4AAB//gAAB4AAA//AAAB4AAAf+AAAB4­AAAH8AAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAAAAAAAAAAAAAAAA8AAAAfgAAB+A­AAA/gAAB/AAAB/gAAB/gAAD/gAAB/wAAH/AAAAH4­AAH4AAAAD4AAHwAAAAB4AAHgAAAAB4AAHgADwAB4­AAHgADwAB4AAHgADwAB4AAHgADwAB4AAHgADwAB4­AAHgADwAB4AAHgADwAB4AAHgADwAB4AAHgADwAB4­AAHgADwAB4AAHgADwAB4AAHgADwAB4AAHgAHwAB4­AAHwAP4AD4AAH4Af8AH4AAD//////wAAB//+f//g­AAA//8P//AAAAf/4H/+AAAAP/wD/8AAAAAAAAAAA­AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB/AA­AAAAAAH/gAAAAAAAP/gAAAAAAAf/gAAAAAAB//gA­AAAAAD+HgAAAAAAP8HgAAAAAAfwHgAAAAAB/gHgA­AAAAD/AHgAAAAAH8AHgAAAAAf4AHgAAAAA/gAHgA­AAAD/AAHgAAAAH8AAHgAAAAf4AAHgAAAA/wAAHgA­AAD/AAAHgAAAH+AAAHgAAAH4AAAHgAAAHwAAAHgA­AAH//////4AAH//////4AAH//////4AAH//////4­AAH//////4AAAAAAAHgAAAAAAAAHgAAAAAAAAHgA­AAAAAAAHgAAAAAAAAHAAAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAAAAAAAAAAH//+AB+AAAH//+AB/A­AAH//+AB/gAAH//+AB/wAAH//+AA/4AAHAAeAAH4­AAHAAeAAD4AAHAAeAAB4AAHAAeAAB4AAHAAeAAB4­AAHAAeAAB4AAHAAeAAB4AAHAAeAAB4AAHAAeAAB4­AAHAAeAAB4AAHAAeAAB4AAHAAeAAB4AAHAAeAAB4­AAHAAeAAB4AAHAAeAAB4AAHAAfAAB4AAHAAfgAD4­AAHAAfgAH4AAHAAP///wAAHAAH///gAAHAAD///A­AAHAAB//+AAAAAAA//8AAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAf////+AAAA//////AAAB//////g­AAD//////wAAH//////4AAH4AB8AH4AAHwAD4AD4­AAHgAHwAB4AAHgAPgAB4AAHgAfAAB4AAHgAeAAB4­AAHgAeAAB4AAHgAeAAB4AAHgAeAAB4AAHgAeAAB4­AAHgAeAAB4AAHgAeAAB4AAHgAeAAB4AAHgAeAAB4­AAHgAeAAB4AAHgAeAAB4AAHwAfAAD4AAH4AfgAH4­AAD/AP///4AAB/gH///wAAA/gD///gAAAfgB///A­AAAPAA//+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAHgAAAAAAAAHgAAAAAAAAHgAAAAAA­AAHgAAAAAAAAHgAAAAAAAAHgAAAAAIAAHgAAAAA4­AAHgAAAAD4AAHgAAAAP4AAHgAAAB/4AAHgAAAH/w­AAHgAAAf/AAAHgAAB/8AAAHgAAH/gAAAHgAA/+AA­AAHgAD/4AAAAHgAP/gAAAAHgA/+AAAAAHgH/wAAA­AAHgf/AAAAAAHh/8AAAAAAH//wAAAAAAH//AAAAA­AAH/4AAAAAAAH/gAAAAAAAH+AAAAAAAAAAAAAAAA­AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAP/wP/8AAAAf/4f/+AAAA//8///A­AAB//////gAAD//////wAAH4Af8AH4AAHwAP4AD4­AAHgAHwAB4AAHgADwAB4AAHgADwAB4AAHgADwAB4­AAHgADwAB4AAHgADwAB4AAHgADwAB4AAHgADwAB4­AAHgADwAB4AAHgADwAB4AAHgADwAB4AAHgADwAB4­AAHgADwAB4AAHgADwAB4AAHgAHwAB4AAHwAP4AD4­AAH4Af8AH4AAD//////4AAB//////wAAA//8///g­AAAf/4f//AAAAP/wP/+AAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAP//AA8AAAAf//gB+AAAA///wB/A­AAB///4B/gAAD///8B/wAAH4AB+AH4AAHwAA+AD4­AAHgAAeAB4AAHgAAeAB4AAHgAAeAB4AAHgAAeAB4­AAHgAAeAB4AAHgAAeAB4AAHgAAeAB4AAHgAAeAB4­AAHgAAeAB4AAHgAAeAB4AAHgAAeAB4AAHgAA+AB4­AAHgAB+AB4AAHgAD8AB4AAHwAH4AD4AAH4APwAH4­AAH//////4AAD//////wAAB//////gAAA//////A­AAAf////+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA­AAAAAcAABwAAAAA+AAD4AAAAB+AAH4AAAAB+AAH4­AAAAA+AAD4AAAAA8AADwAAAAAAAAAAAAAAAAAAAA­AAAAAAAAAAAA=="), 46, atob("DBslFSEiISIjHSQkDA=="), 60+(scale<<8)+(1<<16));
    }
    g.clear();
    g.setColor('#000');
    g.fillRect(0,0,g.getWidth(), g.getHeight());
    g.setFontChakraPetch(2);
    g.setFontAlign(0,-1);
    g.setColor('#fff');
    g.drawString("09", g.getWidth()/2);
    g.setColor('#fff');
    g.drawString("30", g.getWidth()/2, g.getHeight()/2);
    

    1 Attachment

    • screenshot.png
  • Might be good if you could share screenshots. The one I liked is:


    1 Attachment

    • google_watch.png
  • Ya, that one is awesome. I'm going to try to make it once I can figure it out.

  • I love the one above - if anyone needs a hand to implement it let me know! I think it should be reasonably easy with an offscreen Graphics buffer and transparency.

  • @andiohn - I'd have a go at that (10:09) if you can find the right fonts on fonts.google.com or 1001 fonts.

  • Hey @HughB,
    Check out Inter Black 900, for Cut Up and Nunito Sans for the Nike-Style 10:09.
    https://fonts.google.com/specimen/Nunito­+Sans?query=nun
    Probably, Bold 700 or so. Roboto is close too.
    https://fonts.google.com/specimen/Roboto­

  • I think maybe Lato for the steps etc. Probably 2 different sizes.
    Can you post the link for the Inter Black 900 - I could not find it.

  • Same spot: https://fonts.google.com/specimen/Inter
    You just need to choose the Black 900 option.
    Here's another idea too:

  • Wow, these are super interesting. I'd love something like this, a kind of astronaut style font/display etc.

    It's from here: https://www.theverge.com/2022/1/14/22882­988/starfield-smartwatch-collectors-item­-manual-leak-bethesda-the-wand-company

  • This is the watchface from the Garmin fenix 7 watch.
    I will try to build something similar to this in the future.

  • Here's another interesting one.

  • Here's another of the fenix.

  • My Nerdic binary watch.
    Currently it is experimental on Bangle2, that is why this is B/W.
    For Bangle1 it will simulate red, green or blue LEDs.
    Or may be red for hours, green for minutes and blue for seconds.
    Or it will be too colorful? What do you think?


    1 Attachment

    • screenshot.png
  • @Mark_M Hi! How about adding a setting to switch between a color version and a black and white version? I would choose black and white ver.

  • Hi Serj, sure, it should not be a problem. I'll need to add app settings.

  • Rosewright A Watchface from Pebble


    2 Attachments

    • Rosewright A _ Watchface_2.png
    • Rosewright A _ Watchface.png
  • Here's another

  • The B2 screen has limitations in terms of how crisp images can be made, so many of these watch faces will look pretty dissappointing when attempted. The B2 has a 178x178 display where as most of these watches will be 380x380 or 400x400. The Amazfit GTS2 is 348x442.

  • Like it ! Could you have an option to put the time at the bottom, for when you can't be bothered to work it out :)

  • this looks like a photoshop job, it almost feels like you could peel the sticker off the front of the watch :)

  • Ya for sure. I think though that a lot could be decent. I mocked one up and it turned out ok. I'm going to go from just copying pictures to doing mock ups. That way, people could take what I made and make it if they like. Then while I'm learning how to do it, the ideas are out there :)

  • LOL yes, exactly, I've added that "normal time" to top, but removed for this screenshot :)

    I am thinking about couple of options for the normal time hint:
    a - configurable to always show on screen
    b - show on some activity like swipe or tap or shake
    c - show if one holds watch in "looking" position for too long, like 3-5 sec.

    what do you think?

    (I do not have experience with the events above, so it will be a learning curve for me)

  • Here more realistic version :)


    2 Attachments

    • eva_pebble.png
    • evangelion_pebble.png
  • Post a reply
    • Bold
    • Italics
    • Link
    • Image
    • List
    • Quote
    • code
    • Preview
About

Watchface Ideas

Posted by Avatar for andiohn @andiohn

Actions