Monday, 1 June 2015

Pebbling in colour

The Pebble Time is finally out! This fantastically simple, yet massively functional, little smartwatch is now shipping to the Kickstarter backers who pledged their renewed support to the company that produced the original Pebble.



I've been lucky enough to be beta testing a developer preview model of the Pebble Time, and have had it on my wrist for the last few weeks. I used this time to put together some animated watchfaces which make the most of the colour screen, and learn some C programming along the way!




An elegant animated watchface, with each digit built from curving paths. Animated minute transitions, and tap-triggered animation to improve readability under low light. Animations, line widths and colours can be customised.

Inspired by the watchface shown on the red Pebble Time Steel advertising images:



Pop!



A fun, animated, easy to read watchface. Every minute the bubbles in the background pop, and a set of new ones appear (by default) in a new colour. Alternatively you can customsise the colour of the bubbles. Tapping or shaking the watch also triggers the animation.

Inspired by the watchface shown on the red Pebble Time advertising images:





A colourful interpretation of the classic arc watchface design, with a Pebble Time-style loading animation and dynamic colour schemes. Colour schemes and whether or not to show the second hand can be customised.




A colourful interpretation of the classic pixel array digital watchface design, with loading animations, animated minute transitions and dynamic colour schemes. Colour schemes, pixel styles and animations can be customised.


Software used:
CloudPebble: Watchface programming. CloudPebble is an online IDE for Pebble watchfaces and apps.
Notepad++: Server side HTML/Javascript for the watchface settings.
Labels: , , , , ,

3 comments:

  1. Yuriy2 June 2015 at 19:45

    Those are awesome! Though I can't compete - check out mine too:
    http://codecorner.galanter.net/2015/05/13/colorful-watchfaces-for-pebble-time/

    ReplyDelete
  2. Treviño12 June 2015 at 00:48

    Awesome.

    And I like the Disarray a lot.
    However, I was thinking that it would be cool to change the Colour scheme to match the current weather conditions or (at least) the current time (so brighter on daytime, darker at night... Maybe following the proper sun exposition based on position)

    ReplyDelete
    Replies
    1. Zephyris20 June 2015 at 23:03

      That's a cool idea, I'll definitely think about a watchface that works along those lines!

      Delete

Note: only a member of this blog may post a comment.

Subscribe to: Post Comments (Atom)