pebble
  • Tutorials
  • Get the SDK
  • Guides
  • Documentation
  • Examples
  • Community
  • Blog
  • More
Privacy
Cookies
Publish

Guides

  • Table of Contents
  • App Resources
  • Appstore Publishing
  • Best Practices
  • Communication
  • Debugging
  • Design and Interaction
  • Events and Services
  • Graphics and Animations
    • Animations
    • Drawing Primitives, Images and Text
    • Framebuffer Graphics
    • Vector Graphics
  • Migrating Older Apps
  • Pebble Packages
  • Pebble Timeline
  • Rocky.js
  • Smartstraps
  • Tools and Resources
  • User Interfaces

Graphics and Animations

The Pebble SDK allows drawing of many types of graphics in apps. Using the Graphics Context, GBitmap, GDrawCommand and Framebuffer APIs gives developers complete control over the contents of the display, and also can be used to complement UI created with the various types of Layer available to enable more complex UI layouts.

Both image-based and property-based animations are available, as well as scheduling regular updates to UI components with Timer objects. Creative use of Animation and PropertyAnimation can help to delight and engage users, as well as highlight important information inside apps.

Contents

  • Animations - How to use Animations and Timers to add life to your app.

  • Drawing Primitives, Images and Text - How to draw primitive shapes, image, and text onto the Graphics Context.

  • Framebuffer Graphics - How to perform advanced drawing using direct framebuffer access.

  • Vector Graphics - How to draw simple images using vector images, instead of bitmaps.