[Watchface][2.0] Pebble Text Watch with Date Line [UPDATE BETA 6]

TimothyStoughTimothyStough Posts: 58Member
edited January 2014 in Pebble Watchapp Directory
Based on: Pebble Text Watch

UPDATE: Some errors were pointed out where letters may print off the edge of the screen. I fixed these and regenerated all the faces.  I also improved the code so that variants can be compiled more easily using cloudpebble.  There is even a config option to generate the face for non-US date ordering (DD.MM).

This watch is a modification of the built in Text Watch face to add date information and to correct the time representation for times that have a spoken zero (10:02 as "ten oh two"). First, a short digression on spoken time in english, when the time is spoken at 10:00 as "ten o'clock" the "o'clock" is a contraction of the phrase "of the clock" in contrast to 10:02 where the "oh" is a synonym for "zero".  If one wished to express the spoken zero as a contraction, " 'o " might be appropriate, but "oh" is more common.  Care has been taken to use the same built in fonts for a consistent and clean look and feel.

Versions:

[1] I've added a Date Line at the bottom and corrected times at the top of the hour to read 10:02 as 'ten oh two'.  The weekday is a 2 letter abbreviation.
[2] Weekday and MM.DD are justified to the outside (left and right respectively) and the weekday is abbreviated as 2 or 3 letters depending on rendered width.
[3] A line separator has been added between the time and date.
[4] This is version [1] with the date representation changed to DD.MM for non-US users.  Thanks to James Wigglesworth!
[5] Just like [3] but the 'oh' has been removed from the top of the hour 10:02 as 'ten two' for the crazy people who like it better that way. ;)

SDK 2.0b6 Download Links:

SDK 1.x Download Links:

[1] DATE-CENTER-JUSTIFIED -> Picture 1
[2] DATE-OUTSIDE-JUSTIFIED -> Picture 2 (without the line)
[3] DATE-OUTSIDE-LINE -> Picture 2
[4] DATE-CENTER-INTERNATIONAL-DATE  (Much thanks to @James Wigglesworth)

Screenshots:

Picture #1: DATE-CENTER-JUSTIFIED

imageimage

Picture #2: DATE-OUTSIDE-LINE

image





Post edited by TimothyStough on
My Pebble faces are on Github!
·
«1

Comments

  • TimothyStoughTimothyStough Posts: 58Member
    The date line at the bottom is two text fields, one right justified and one left justified.  The result is that the space between the two letter weekday and the numeric date is always centered.
    My Pebble faces are on Github!
    ·
  • eidoloneidolon Posts: 259Member
    Hi Timothy,

    I really like this watch face. Thanks for taking the time to do it.
    I would love to see the justification reversed. so instead of   fr 4.19   you would get   fr   4.19 seem to me that it is more readable that way? 
    Just me though I still like it for the day/date feature!
    image
    seeya
    eidolon
    iPhone 4s iOS 6.1.2 Jailbroken
    ·
  • TimothyStoughTimothyStough Posts: 58Member
    edited April 2013
    Well, @eidolon, that is easy to try since I added justification as a parameter...  Here is a version with the weekday as a 2 or three letter, what do you think?


    I did it the other way because I thought that it gave better separation from the time lines above.

    Cheers,
    Tim.
    Post edited by TimothyStough on
    My Pebble faces are on Github!
    ·
  • MichaelBullardMichaelBullard Posts: 4Member
    @Timothy Stough can you add a line in between the time and the date? and are all the days of the week 3 letters un your last version? If so the addition of the line will make it my default :)
    ·
  • MichaelBullardMichaelBullard Posts: 4Member
    edited April 2013
    Oh and maybe slow down the slide...

    similar to this...


    just keep the 3 day week and add line...I'm still not sure about if I want 4.21 or Apr 21...but I'll deal :)
    Post edited by MichaelBullard on
    ·
  • TimothyStoughTimothyStough Posts: 58Member
    edited April 2013
    So, due to the font sizes, all days but 'mo' and 'we' render as three letter abbrevs.

    As for the animation speed.  I'm pretty happy with it and, since I forked the animation code, I'd need to figure out how to alter the speed.

    Finally the line...  I'll look into putting in the line.  I really like the minimal and clean look now, but I may like the line.  Hey, I ended up liking the outside justification better once I tried it.  :)  I'll post when I get the line working.

    I chose the date because that was the info that I wanted.  I often look at my wrist to determine the weekday and I want the numerical month for comparison to unix directory entries.

    Cheers,
    Tim.

    Post edited by TimothyStough on
    My Pebble faces are on Github!
    ·
  • TimothyStoughTimothyStough Posts: 58Member
    edited April 2013
    Now with a line separating the time from date.

    I chose to inset the line 10 pixels on the left and right to reduce its visual impact and I compromised on its vertical location.  I feel like it's too close to the time when a letter has a hanging tail and too close to the date when the date has taller letters.  Let me know what you think.


    Screenshot:
    image

    I created a branch on my git repository for the line...

    Cheers,
    Tim.
    Post edited by TimothyStough on
    My Pebble faces are on Github!
    ·
  • eidoloneidolon Posts: 259Member
    edited April 2013
    Timothy Stough said:
    Well, @eidolon, that is easy to try since I added justification as a parameter...  Here is a version with the weekday as a 2 or three letter, what do you think?


    I did it the other way because I thought that it gave better separation from the time lines above.

    Cheers,
    Tim.
    I like it this way better... Seems to me the day and date should have a little distinction? 
    Not sure about the line... I like the one without but the lined one is cool to. 

    Thanks!

    For my next request a very small digital seconds indicator would be great! Just after the last word in the time on line three. I would think that one should be right justified.

    If I understand it correctly the entire screen needs to be redrawn each second? That would make it tough I would think. I am probably wrong on this because the animation of the minute change seems smooth and not a full screen redraw..If you just had to redraw the pixels that were involved directly with portraying the seconds it would be better on battery life. For me it really would not matter as I recharge every second day to make the battery last longer. I tested the impact of the classic analog with second hand on my Pebble battery and it was negligible compared to the backlight so... if you have some extra time..... :-D

    Thanks again for the justification switch!
    Post edited by eidolon on
    image
    seeya
    eidolon
    iPhone 4s iOS 6.1.2 Jailbroken
    ·
  • TimothyStoughTimothyStough Posts: 58Member
    I have to draw the line somewhere.  ;)  Ok, well, I drew the line (and it made the face more busy), but the seconds would really clutter things up.

    Since I forked the code from someone who wrote really readable stuff, and I've been keeping up on the comments pretty well, I suggest that you fork the repository on GitHub and have a go at adding the seconds.  If I were to add seconds, I would also get the code for the Revolution watch which has seconds just like you describe and see how they work there.

    If you're going that route, just ask, and I can help you get a development environment set up pretty easily.

    Cheers,
    Tim.
    My Pebble faces are on Github!
    ·
  • MichaelBullardMichaelBullard Posts: 4Member
    So @Timothy Stough you don't like the line?
    ·
  • eidoloneidolon Posts: 259Member
    I am still going to keep the watch face on my Pebble.... best so far even without seconds. 
    Thanks very much for doing it!

    Wonder if it is possible to assign a button push to bring up seconds? now i just switch quickly to the classic analog if I need them...I will tale a look at revolution and maybe load that.
    Not remotely a programmer, If there is ever a GUI for watch faces I might look into that. Thanks for the offer though.
    image
    seeya
    eidolon
    iPhone 4s iOS 6.1.2 Jailbroken
    ·
  • SmitShahSmitShah Posts: 1Member
    Hi Tim,

    This is exactly what I've been hoping for ever since I got my Pebble. Thanks so much!

    Could you post a screenshot of a time between x:01 and x:09? I'm curious to see how it looks with the "oh" in the time
    ·
  • JamesWigglesworthJamesWigglesworth Posts: 5Member
    edited April 2013
    Awesome!! This is an excellent addition, thanks for all your work :)

    @Smit: below is an image of the first version with the "oh" in place (which is something that has always irked me too). I prefer this simpler one without the line and with the right-adjusted 2-letter date, feels more spacious.

    Only thing I need to do now is to fork it somehow - as at the commit below - (and get the dev environment up and running...) to change the date number around - I'm in New Zealand so 4.23 reads as the 4th of the 23rd month to my brain, 23.4 is what I'll be tweaking it to be... any tips on file + approx line numbers where I could make this change so I could dig right in immediately?

    Again, thanks for your efforts, this face is now my default :)


    image


    Post edited by JamesWigglesworth on
    ·
  • JoshuaKrohnJoshuaKrohn Posts: 1Member
    edited April 2013
    James Wigglesworth said:
    Awesome!! This is an excellent addition, thanks for all your work :)

    @Smit: below is an image of the first version with the "oh" in place (which is something that has always irked me too). I prefer this simpler one without the line and with the right-adjusted 2-letter date, feels more spacious.

    Only thing I need to do now is to fork it somehow - as at the commit below - (and get the dev environment up and running...) to change the date number around - I'm in New Zealand so 4.23 reads as the 4th of the 23rd month to my brain, 23.4 is what I'll be tweaking it to be... any tips on file + approx line numbers where I could make this change so I could dig right in immediately?

    Again, thanks for your efforts, this face is now my default :)


    image


    TextWatch.c function date_to_string (line 120).  

    You'll see:
    string_format_time(line, length, "%m.%d", t);  as well as some additional manipulation for stripping leading "0"'s below.
    Post edited by JoshuaKrohn on
    ·
  • JamesWigglesworthJamesWigglesworth Posts: 5Member

    Thanks to the totally amazering http://cloudpebble.net, I converted the first version of this (right aligned, 2 letter date) to UK date format (23.4 instead of 4.23 being 23rd of April).

    The build is available at http://builds.cloudpebble.net/3/5/353b2272463a4748944d603372ff6d02/watchface.pbw, and this is the QR code:

    image

    ·
  • JohanMommensJohanMommens Posts: 74Member
    Never heard about cloudpebble.net but just signed up.  I wasn't looking forward setting up another vm but this seems to make it so much easier.  Thanks for sharing James!
    James Wigglesworth said:

    Thanks to the totally amazering http://cloudpebble.net, I converted the first version of this (right aligned, 2 letter date) to UK date format (23.4 instead of 4.23 being 23rd of April).

    The build is available at http://builds.cloudpebble.net/3/5/353b2272463a4748944d603372ff6d02/watchface.pbw, and this is the QR code:

    image


    Got an app?  Post it on allPebble.com - the unofficial Pebble App Store!
    ·
  • Paul10Paul10 Posts: 7Member
    I found a great version on mypebblefaces:


    It's almost perfect for me, just wish it said:

    four
    o' one

    instead of:

    four
    one

    Anyone able to help me out?
    Black Pebble (1.10.0) paired with an iPhone 5 (6.1.3, no jailbreak). Currently in the UK.
    ·
  • TimothyStoughTimothyStough Posts: 58Member
    edited April 2013
    Well, @Michael Bullard, I'm actually pretty happy with the line.  After playing with the Pebble a bunch, I'm convinced that you don't really know what you think about a watchface until you've worn it for a while.  At this point, I like it pretty well.  :)

    @Paul, I created this face for that purpose.  However, I wanted the date info in the same font as the rest of the watch.  Have a look at the top of this thread for a list of the different versions, screenshots, and a digression on speaking the time in english. 

    Thanks everyone for the feedback and ideas!
    Cheers,
    Tim.
    Post edited by TimothyStough on
    My Pebble faces are on Github!
    ·
  • mgrad92mgrad92 Posts: 8Member
    This would be exactly what I need – if not for the "oh." I know it's important to you, but would you consider a version that kept the original Text Watch experience ("ten two," not "ten oh two")?
    ·
  • YoniYoni Posts: 1Member
    edited April 2013
    Timothy, 

    This is my first post and it is to tell you that this is my favorite watchface (DATE-OUTSIDE-LINE). I was sitting down to develop a very similar watch face when I found your post. 

    Thanks for your work. 
    Post edited by Yoni on
    ·
  • TimothyStoughTimothyStough Posts: 58Member
    edited April 2013
    @mgrad92, here is a version for you...


    I'll update the top post momentarily.

    I've added defines in the code that allow you to configure the rendering of the 'oh' and will be pushing them to github soon.

    Cheers,
    Tim.
    Post edited by TimothyStough on
    My Pebble faces are on Github!
    ·
  • LaKLaK Posts: 3Member
    Timothy Stough said:
    Picture #2: DATE-OUTSIDE-LINE
    image





    Have you submitted this to My Pebble Faces?   It makes it much easier to search for and download it.

    I am using the above face, and I find that the right hand most digit of the bottom date is just outside the display with one or two pixel column missing.
    ·
  • TimothyStoughTimothyStough Posts: 58Member
    @LaK

    Thanks for pointing out that error. I fixed it and regenerated all of the watchfaces.  See the links in the top post.  I also fully parameterized the variants in a config.h file so that people who want to make mods with cloudpebble should find it even easier.

    As for MyPebbleFaces, I'm not using it until there is an easy way to make screenshots (emulator or firmware support for dumping the screen to libpebble).  It takes as much time to make a "screenshot" as it does to code and I barely have the time to code.

    If anyone would like to make a screenshot for me (monochrome and exactly 144 x 168), I would gladly post it!

    Cheers,
    Tim.


    My Pebble faces are on Github!
    ·
  • ChrisAikenChrisAiken Posts: 5Member
    Great watch face.  I added a line to the config.h to allow you to choose if you want the day of week or not.  Again, great work.
    ·
  • NirPearlNirPearl Posts: 6Member Pebbler
    Can you please add an hourly vibrate?

    it will be perfect!
    ·
  • LindaLinda Posts: 10Member
    Hey I love your watchface, and I'm currently using the numbers without the Oh and line before the date. Why is this happening?

    It shows sun then ten and then four dots.

    https://www.dropbox.com/s/gjha7zc28v6sshe/Photo Oct 20, 2 55 10 AM.jpg
    ·
  • HughMcKayHughMcKay Posts: 11Member Pebbler
    @Linda04

    I had the exact same problem.  It is correct today though, 10.21.  I think the problem is that 10.20 is too wide and would not fit on the screen so something in the software substituted dots.  It will be interesting to see if this happens with any other dates this month.

    I think the author will have to readjust the spacing or change the font size.

    Hugh

    ·
  • LindaLinda Posts: 10Member
    Also I noticed that it was sun instead of su. Like Monday is mo.
    ·
  • HughMcKayHughMcKay Posts: 11Member Pebbler
    I have the same problem again today, 10.24.  It shows 10....

    There are other text watch faces with the weekday, month and day in a small font which probably do not have this problem.  My old eyes don't handle small fonts well however.

    Hugh

    ·
  • OlinHollyOlinHolly Posts: 2Member
    This is one of my FAVORITE watchfaces! Are you planning to port this to SDK 2.0?
    ·
«1
Sign In or Register to comment.