Sample project from the Getting Started watchface tutorials, now featuring a web-based Watchface Generator!
Create custom Pebble 2 Duo watchfaces from your own images - entirely in your browser!
Features:
- Drag & drop image upload
- Live preview with real-time clock
- iOS Safari mockup preview
- Multiple watch styles (Analog, Digital, Minimal)
- Advanced dithering algorithms (Floyd-Steinberg, Ordered, Threshold)
- Complete Pebble SDK project export
- Works on any device with a modern browser
This repository also contains the result of all three tutorial parts - a customized analog watchface with the TAG Heuer Carrera Drive Timer design.
To build the tutorial watchface:
- Install the Pebble SDK
- Run
pebble build - Install with
pebble install --phone YOUR_PHONE_IP
watchface-tutorial/
├── generator/ # Web-based Watchface Generator
│ ├── index.html # Main application
│ ├── styles.css # Styling
│ ├── app.js # Application logic
│ ├── dither.js # Image dithering algorithms
│ └── codegen.js # C code generation
├── src/
│ └── watchface-tutorial.c # Tutorial watchface source
├── screenshots/
└── appinfo.json
MIT License - See LICENSE.md