pebble
  • Tutorials
  • Get the SDK
  • Guides
  • Documentation
  • Examples
  • Community
  • Blog
  • More
Privacy
Cookies
Publish
Get Updates
Follow Us
Subscribe to the Newsletter

Build a Watchface

  • 28 March 2014
  • Thomas Sarlandie
  • Beautiful Code
  • Comments

In this video we walk you through your first Pebble Watchface.

Learn how to:

  • Build a Pebble app that behaves like a watchface
  • Display the time and the date
  • Arrange text fields on the screen
  • Use the various system fonts
  • Invert colors in one part of the screen

This is a follow up to our first video: "Introduction to Pebble development" - We recommend you start with that one if you are new to Pebble.

This series of videos is intended for anyone with previous development experience. You certainly do not need to be a C expert but if you have never programmed, we recommend starting with the Watchface Generator or Pebble Canvas (Android app).

The blog post mentioned in the video with all the Pebble system fonts is available here.

This is the complete source code built in this video:

Cheers!


You need JavaScript enabled to read and post comments.
Get Updates
Follow Us
Subscribe to the Newsletter

Categories

  • All Posts
  • #makeawesomehappen
  • At the Pub
  • Beautiful Code
  • CloudPebble
  • Down the Rabbit Hole
  • Freshly Baked
  • Timeline

Authors

  • Thomas Sarlandie
  • Niharika Bedekar
  • Jon Barlow
  • Katharine Berry
  • Cherie Williams
  • Chris Lewis
  • Team Pebble
  • Cat Haines
  • Katherine McAuliffe
  • Alex Lin
  • Alexey Komissarouk
  • Brad Murray
  • Kirby Kohlmorgen
  • Ryan Case
  • Ryan Perry-Nguyen
  • Tom Maremaa
  • Meiguro
  • Keegan Lillo
  • Ɓukasz Zalewski

Subscribe to the Pebble Developers Newsletter