pebble nyc meetup pebble time round and the chalk sdk
TRANSCRIPT
![Page 1: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/1.jpg)
![Page 2: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/2.jpg)
NYCTalking Round
Credits: Heiko, Kevin, Jon and #PDR15
![Page 3: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/3.jpg)
What’s New?
• Pebble Time Round
• Aplite -> Basalt -> Chalk
• SDK 3.6
![Page 4: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/4.jpg)
Hardware
![Page 5: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/5.jpg)
Display Shape
• Round has 7% more visible pixels than rectangular
Rectangular(144 x 168)
Round (visible)
Round (total)(180 x 180)
(0, 0)
![Page 6: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/6.jpg)
OS Compatibility
Aplite Basalt Chalk
2.x ✅
3.0 ❌ ✅
3.6 ❌ ✅
Pebble Time Round
![Page 7: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/7.jpg)
This Year™
Aplite Basalt Chalk
2.x ✅
3.0 ❌ ✅
3.6 ❌ ✅
3.x ✅
![Page 8: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/8.jpg)
![Page 9: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/9.jpg)
SDK 3.6
• Uniform APIs
• Text Flow
• Round Drawing
• API Improvements
![Page 10: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/10.jpg)
Uniform APIsGraphics
Timeline
Action Menu
![Page 11: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/11.jpg)
Text Flow
![Page 12: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/12.jpg)
Text Flow
![Page 13: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/13.jpg)
Text Flow
![Page 14: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/14.jpg)
![Page 15: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/15.jpg)
![Page 16: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/16.jpg)
facilisis egestas. Proin vitae arcu ac diam viverra aliquet. Nunc gravida libero nec massa rutrum, vel ultriciesenim tristique. Nam magna enim, ullamcorper nec tellus vel, accumsan.
(0,0)
(179,179)
facilisis egestas. Proin vitae arcu ac diam viverra aliquet. Nunc gravida libero nec massa rutrum, vel ultriciesenim tristique. Nam magna enim, ullamcorper nec tellus vel, accumsan.
(0,0)
(179,179)
s_text_layer = text_layer_create(window_bounds);layer_add_child( window_layer, text_layer_get_layer(s_text_layer));text_layer_set_text(s_text_layer, s_text);text_layer_set_background_color( s_text_layer, GColorBlueMoon);
Text Layer
![Page 17: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/17.jpg)
facilisis egestas. Proin vitae arcu ac diam
viverra aliquet. Nunc gravida libero nec massa rutrum, vel ultriciesenim
tristique. Nam magna enim, ullamcorper nec tellus vel, accumsan.
(0,0)
(179,179)
facilisis egestas. Proin vitae arcu ac diam
viverra aliquet. Nunc gravida libero nec massa rutrum, vel ultriciesenim
tristique. Nam magna enim, ullamcorper nec tellus vel, accumsan.
(0,0)
(179,179)
s_text_layer = text_layer_create(window_bounds);layer_add_child( window_layer, text_layer_get_layer(s_text_layer));text_layer_set_text(s_text_layer, s_text);text_layer_set_background_color( s_text_layer, GColorBlueMoon);text_layer_set_text_alignment( s_text_layer, GTextAlignmentCenter);
TextLayer
![Page 18: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/18.jpg)
facilisisegestas. Proin
vitae arcu ac diam viverra aliquet. Nunc
gravida libero necmassa rutrum, vel
ultriciesenim
(0,0)
(179,179)
facilisisegestas. Proin
vitae arcu ac diam viverra aliquet. Nunc
gravida libero necmassa rutrum, vel
ultriciesenim
(0,0)
(179,179)
10px 10px
10px
10px
facilisis egestas. Proin vitae arcu ac diam
viverra aliquet. Nunc gravida libero nec massa rutrum, vel ultriciesenim
tristique. Nam magna enim, ullamcorper nec tellus vel, accumsan.
(0,0)
(179,179)
facilisis egestas. Proin vitae arcu ac diam
viverra aliquet. Nunc gravida libero nec massa rutrum, vel ultriciesenim
tristique. Nam magna enim, ullamcorper nec tellus vel, accumsan.
(0,0)
(179,179)
Text Flow
![Page 19: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/19.jpg)
![Page 20: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/20.jpg)
Drawing Round
![Page 21: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/21.jpg)
center_a = GPoint(3, 3);radius_a = 2; graphics_fill_circle(ctx, center_a, radius_a);
centera
radiusa
![Page 22: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/22.jpg)
center_b = GPoint(4.5, 4.5);radius_b = 3.5; graphics_fill_circle(ctx, center_b, radius_b);
center_a = GPoint(3, 3);radius_a = 2; graphics_fill_circle(ctx, center_a, radius_a);
centera
radiusa
centera
radiusb
![Page 23: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/23.jpg)
center_a = GPoint(3, 3);radius_a = 2; graphics_fill_circle(ctx, center_a, radius_a);
centera
radiusa
centera
radiusb
center_b = GPoint(4.5, 4.5);radius_b = 3.5; graphics_fill_circle(ctx, center_b, radius_b);
![Page 24: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/24.jpg)
Rectangles to the Rescue
rect_a = GRect(1, 1, 5, 5); somehow_fill_circle_inside( ctx, rect_a);
rect_b = GRect(1, 1, 8, 8); somehow_fill_circle_inside( ctx, rect_b);
![Page 25: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/25.jpg)
Drawing Round
void graphics_fill_radial( GContext *ctx, GRect rect, GOvalScaleMode scale_mode, uint16_t inset_thickness, int32_t angle_start, int32_t angle_end );
void graphics_draw_arc( GContext *ctx, GRect rect, GOvalScaleMode scale_mode, int32_t angle_start, int32_t angle_end );
![Page 26: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/26.jpg)
angle_end
![Page 27: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/27.jpg)
inset
![Page 28: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/28.jpg)
draw_arc & stroke_width
![Page 29: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/29.jpg)
angle_start & angle_end
![Page 30: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/30.jpg)
GOvalScaleModeFitCircle
![Page 31: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/31.jpg)
GOvalScaleModeFillCircle
![Page 32: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/32.jpg)
gpoint_from_polar
![Page 33: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/33.jpg)
grect_centered_from_polar
![Page 34: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/34.jpg)
API Improvements
• Status Bar
• Action Bar
• Menu Layer
![Page 35: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/35.jpg)
Status Bar
![Page 36: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/36.jpg)
Status Bar
![Page 37: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/37.jpg)
Action Bar
![Page 38: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/38.jpg)
Menu Layer
![Page 39: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/39.jpg)
Feature Selection
Aplite Basalt Chalk
Resolution 144x168px(Rectangular)
180x180(Circular)
Color b/w 64 Colors
PBL_IF_RECT_ELSE("rect", "otherwise"); PBL_IF_ROUND_ELSE("round", "otherwise");PBL_IF_COLOR_ELSE("color", "otherwise");PBL_IF_BW_ELSE("bw", "otherwise");
file~rect.pngfile~round.pngfile~color.pngfile~bw.png
#defines
#resources
![Page 40: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/40.jpg)
Find Out More
• developer.pebble.com/round
• www.slideshare.net/pebbledev/clipboards/pdr15
• Slack! slack.pbldev.io
![Page 41: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/41.jpg)
The Project
![Page 42: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/42.jpg)
![Page 43: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/43.jpg)
developer.pebble.com
![Page 44: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/44.jpg)
github.com/kirbyk/simon-pebble
cloudpebble.com
![Page 45: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/45.jpg)
The Wrap-up
![Page 46: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/46.jpg)
Recap
![Page 47: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/47.jpg)
pebble.com/jobs
![Page 48: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/48.jpg)
Thanks!
![Page 49: Pebble NYC Meetup Pebble Time Round and the Chalk SDK](https://reader034.vdocuments.net/reader034/viewer/2022051006/58eef8731a28ab76678b4653/html5/thumbnails/49.jpg)
Questions?