#pRebble - watchface inspired by Rebble logo and Pebble UI design.

56 messages ยท Page 1 of 1 (latest)

strong gale
strong gale
#

That is the end of the first day for me. Focus mostly on design. I have already made some icons and emoji rebblewatch

And regarding watchface I think I will end up with simple Pebble style icon in form of the analog watch with recognizable Rebble arrows on the bezel edges. Still not sure about shadow effect. I always liked the "Big Shadow" watchface. Icon will animate on each minute with famous Pebble "spider" effect animation. Plus digital time and date and customizable color background.

Photo shows just a single bitmap rendered on single watchface layer. I will update repository tomorrow.

#

Note that octagonal shape of analog watch icon was adjusted to make corners point at full hours. Regular octagons don't do that.

#

Ah and BTW I don't feel entitled to make Official Rebble watchface. But when I got back to Pebble thanks to Rebble I wanted to have something to celebrate Rebble efforts. To my surprise there was none Rebble inspired watchface that I could use. So I decided to make my own. And because it's also heavily inspired by Pebble UI design I called it "pRebble" rebblewatch

strong gale
#

After first coding session today I have basic watchface code with background, time and date (see screenshot). Still no images. First vector image is coming right after break.

Plan for today is to have all graphics and analog time in place. With some luck I will start with first animation even today.

More details in https://github.com/ir33k/prebble#readme devlog.

#

And picture of watch. Actually at this early stage watchface is already usable ๐Ÿ˜…

hushed bloom
#

Are you planning to have a toggle option for the analog part?

alpine sand
#

Oh hey this is looking great!

unkempt sparrow
#

ohhhh cool I like the thin lines in the background

strong gale
#

@hushed bloom no, as analog plays main part in this watchface, but I would like to add customization for background, witch color picker and few patterns.

hushed bloom
#

Sounds cool! Looking forward to wearing this one, really fits my style

strong gale
#

With analog tested on black and white screen.
Still static. Let's make those clock hands shake!

hushed bloom
#

Super clean

strong gale
#

So that's a working watchface.
Now I will adjust it to make it work on Pebble Round.

#

Ah I can't wait to add animations and customizable backgrounds

unkempt sparrow
#

animations?!?!?! exciting!

strong gale
#

Yes, I imagine dynamic animation of arrows going around analog watch icon and digital time section sliding up.

#

@alpine sand I accidentally removed images from first thread post. That resulted in lack of image preview on main #1043156099282509844 channel. I can't find a way to add new image there. Is it possible?

alpine sand
#

I don't know that you can :/ I haven't been able to get it to pick up the image for my thread ๐Ÿค”

strong gale
#

Ok thanks, nvm. It's not important.

strong gale
#

Suport Pebble Round? ๐Ÿค” Check โœ… ๐Ÿ˜ƒ
Circle as digital time background was so natural to do.
Also abbreviation in month name makes sense.
Shorter date fits better this bottom part.

unkempt sparrow
#

looks great!

strong gale
#

Ah that is better. I just discovered the --no-correction flag in pebble screenshot ๐Ÿ˜„

unkempt sparrow
#

hot take but I like the pastel colors in the first screenshot haha

strong gale
#

Yes, it looks much better on the watch. Screenshots don't do it any favors in case of colors.

unkempt sparrow
#

yeah thats what I meant

strong gale
#

First animation for digital time section. Very quick and basic but I think it adds a lot

#

Outside is the best lighting for record this ,but it's freezing ๐Ÿฅถ ๐Ÿ˜„

hushed bloom
#

Oh heck yeah! That's nice!

strong gale
#

Animate analog icon on each minute and when watchface is loaded.

hushed bloom
#

That looks SO good. The animation is smoooth

strong gale
hushed bloom
#

Absolutely!

alpine sand
#

Looking good!

strong gale
alpine sand
#

โค๏ธ

#

As someone who uses a lot of timeline, I love watchfaces that take quickview into account

strong gale
#

yea m2

strong gale
strong gale
#

Hackathon is over but development is never over!
Plans for next version:

  • Add icon. Icon already ready but I don't know how to add it ๐Ÿ™ˆ
  • Add settings page.
  • Allow to change background color.
  • Multiple background patterns.
  • Vibrations on bluetooth disconnect.
  • Vibrations each hour.
hushed bloom
#

Fantastic work!! Super excited to check this out, might actually grab my red time for this ๐Ÿ˜ณ

strong gale
#

Oh @hushed bloom it would be so awesome if you could make a picture for me of this watchface on red Pebble Time ๐Ÿ™

strong gale
#

Oh I have great idea. I will make background color turn from green-yellow-orange-red based on battery level. On black and white it will be from white-gray-black. Oh, can't wait to add that!

#

I think I saw that in some other watchfaces

hushed bloom
#

That's smart!

strong gale
#

Finally, the icon ๐Ÿฅณ
I had it ready from the beginning.
Added just a minute ago.
I love it :)))) rebblewatch

strong gale
#

Oh yes! Settings page is coming to pRebble very soon. Probably today after work.

strong gale
#

It took me whole night of coding but I did it rocket
Version 2.0 was just released and we have customization panel with:

  • Custom background color.
  • Background color can show battery status, green up to 60%, blue up to 30% and red below that. On black and white screens it's gray up to 30%, then white.
  • Custom background patterns. Only 2 for now.
  • Custom pattern color.
  • Hide pattern color on Bluetooth disconnect.
  • Vibrations on Bluetooth connection change.
  • Vibrations on each hour.
  • Custom date formats.

I'm done ๐Ÿ˜… I'm not planning on doing anything more besides adding maybe 2 or 3 background patterns, updating screenshots for store and potential bug fixes.

strong gale
#

Main new feature is dithering. I don't have any other plans for this watch face. Unless there are feature requests or bugs I call this project done. rebblewatch

#

Thank you all who liked my watchface! I did not expected 24 โค๏ธ ๐Ÿ˜

brisk charm
strong gale
#

@brisk charm happy to hear that ๐Ÿ˜