primitives-04

Inspired by Nev Rawlins' TokyoFlash based abstract watches, this is the fourth of a series of original abstract watchfaces using simple shapes to cryptically tell time.

Sept 29th at 4:59

Jan 1st at 12:00

May 13th at 10:07

Aug 28th at 3:28

Nov 26th at 7:05

Where the lines cross indicates the hour as an analog clock-face position. In the first screenshot this is 4:00. AM or PM is not indicated on this watchface. The horizontal line has solid circles for 30 minutes and hollow circles for 10 minutes. The first image shows one solid and two hollow for 50 minutes. The unused four spaces in the vertical line have solid circles for 3 minutes and hollow circles for one minute. The first image shows three solid circles for 9 minutes.

The month is indicated with dots in the second and fifth columns, offset vertically. A solid dot is 3 months and a hollow one is one month. In the last image there are three solid and two hollow dots indicating the 11th month, November.

The date is indicated with three types of dots: solid for 10 days, hollow for 5, and a small dot for 1. In the last image there are two solids (20 days), one hollow (5 more), and one small (1 more) indicating the 26th.

All the colors are customizable. If you like a more minimal appearance, you can set the date and month colors to match the background color so they disappear.

Building & running

pebble build                          # build for all targetPlatforms
pebble install --emulator emery       # install on the emery emulator
pebble install --phone <ip>           # install to a paired phone

Target platforms

Alloy targets the Pebble Time 2 (Emery).

Project layout

src/c/mdbl.c                   C glue around the Moddable runtime
src/embeddedjs/main.js         JavaScript that runs on the watch
src/embeddedjs/manifest.json   Moddable manifest
src/pkjs/index.js              PebbleKit JS (phone-side) code
package.json                   Project metadata (UUID, platforms, resources)
wscript                        Build rules — usually no need to edit

Documentation

Full SDK docs and tutorials: https://developer.repebble.com