Pebble Developer Blog
Beautiful Code
JavaScript Libraries for C Developers (pt. 1)
One of the exciting changes introduced in SDK 3.9 was support for including Multiple JavaScript Files to your projects. While this feature doesn’t allow you to run any JavaScript you previously couldn’t, it makes organizing your PebbleKit JS code a heck of a lot easier.
In this blog post, we'll look at how to refactor some exisiting JavaScript 'library code' into an actual module for PebbleKit JS, making it simpler to use and share!
Tips and Tricks - Platform-specific C File Set
In the last Tips and Tricks blog post we looked at drawing transparent images on both the Aplite and Basalt platforms.
This time around, we will look at a wscript
modification that can allow you to
build a Pebble project when you have two completely separate sets of C source
files; one set for Aplite, and another for Basalt.
Note: This technique can be applied only to local SDK projects, where access to
wscript
is available. This means that it cannot be used in CloudPebble
projects.
Tips and Tricks - Transparent Images
Ever wondered how to draw transparent images in a Pebble app? This post will walk you through the process.
In this post, we'll be using a sample image with a transparency component, shown below:
Bezier Curves and GPaths on Pebble
Drawing complex paths requires a lot of manual work on Pebble. Here I'll show
you how to do this efficiently and quickly using a Pebble-optimized GPath
algorithm and Bezier curves.
Send a Smile with Android Actionable Notifications
Just a few days ago, we released beta version 2.3 of our Android Application with support for actionable notifications. If you have not tested it already, enroll in our beta channel and try it out for yourself!
Notifications have always been a key use case for Pebble, and we are excited by this new feature which is going to change the way you look at notifications. With actionable notifications Pebble not only informs you about relevant events, users can now interact with them and choose from actions you as an Android developer attach to them.
When connected to an Android device, Pebble will show all wearable actions, just like any Android Wear device. While supporting wearable notifications is easy we have found that there are still a number of mobile apps who miss the opportunity to extend their reach to the wrist. Don't let your app be one of those!
In this post, we will describe what you can do with actions on wearable devices and how to add them to your Android notifications.
Displaying remote images in a Pebble app
A picture is worth a thousand words.
The old adage applies just as well to your Pebble apps! One of the most common requests when we attend hackathons is "How do I transfer an image from the Internet to my Pebble app?".
Today we introduce a new example that demonstrates downloading a PNG file from the Internet and loading it on Pebble. We will also cover how to prepare your images so that they take as little memory as possible and load quickly on Pebble.
The code is available in our pebble-examples github account. Continue reading for more details!
Create Your Own Api With Kimono
We'd like to share with you a blog post written by our friends at KimonoLabs. Their service allows you to build a JSON API from any website. In this guest- post, they show you how to create a stocker tracker watchapp in less than 10 minutes! This was originally posted here (http://blog.kimonolabs.com/).
Bundling Javascript for Pebble Apps
Updated Apr 23rd: "COMING SOON" bug is fixed.
Updated May 14th: We will now make most updates available right away. Your update will be available to both iOS and Android users at the same time if your JS app was previously approved. Newly submitted apps still have to wait for the next version of the iOS app to be made available and will be marked "coming soon".
We get a lot of questions about apps that use JavaScript and their availability in the store. We are improving the Pebble appstore documentation and the Developer Portal to address these questions, but until those changes are live, we thought we would summarize the key points in a blog post.
Build a Watchface
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
Introduction to Pebble development
If you are new to Pebble development you are probably wondering: What does Pebble source code look like? How do I compile an app? How do I install it on my Pebble? These are all excellent questions and the answer takes less than 5 minutes to demonstrate! And we hope you will be following along on your computer!
Tips for Appstore Success
If you have already published an app, or are planning on publishing an app, here are some tips for a successful appstore launch.
Using JSHint for Pebble Development
In our post on JavaScript Tips and Tricks we strongly recommended the use of JSLint or JSHint to help you detect JavaScript problems at compile time.
We believe JSHint can really increase the quality of your code and we will probably enforce JSHint correct-ness for all the apps on the appstore very soon. In this post we show you how to setup jshint and integrate it in your Pebble development process.
Writing Pebble Apps On The Plane
I love working on the plane. It is one of those rare place where I can spend 8 hours coding without being disturbed by emails, phone, etc. Here are a few tips to write Pebble apps in the air.
Pebble Javascript Tips And Tricks
PebbleKit JavaScript is one of the most popular additions in Pebble SDK 2.0. We are already seeing lots of amazing apps being built that take advantage of http requests, configuration UI, GPS and local storage on the phone.
Here are some Tips & Tricks to get the most out of JavaScript in your Pebble apps.
Using Pebblekit Js Configuration
One of the most useful additions to the Pebble SDK in the 2.0 beta release is the introduction of PebbleKit JS and the ability to use a webview on your phone to configure your watch app. Since we've been seeing a good number of questions on this new feature, we figured we'd talk about it a little more.
Using Pebble System Fonts
(2014 09: This article was updated to add links for SDK 2.0 users and add the resource identifier of the fonts as suggested by Timothy Gray in the comments.)
Just like any modern platform, typography is a very important element of Pebble user interface. As Designers and Developers, you have the choice to use one of Pebble system fonts or to embed your own.
Pebble system fonts were chosen for their readability and excellent quality on Pebble black & white display, it's a good idea to know them well before choosing to embed your own.
Lots Of Goodies In Pebble Sdk 1.12
Pebble firmware 1.12 was released earlier this week. The changelog announced "lots of goodies for watchapp developers" and many of you are curious to see what they are!
Categories
- All Posts
- #makeawesomehappen
- At the Pub
- Beautiful Code
- CloudPebble
- Down the Rabbit Hole
- Freshly Baked
- Timeline