Got an idea for a watchface today, thought I’d try to get it done during the Hackathon! Last minute coding. 🙂
V1 Will be a simple big number version of my Elizabeth watchface without the weather. The font is used on the London Underground.
#Underground watchface
red crater
red crater
Here you go. with and without timeline.
actually, I prefer this. I'll call that scraping under the wire and publish this one now. 🙂
red crater
Decided to add weather. Couldn’t resist.
Shake to see the weather and 10 seconds later goes back to the big time
honest gulch
This is pretty!
red crater
Thank you.
honest gulch
Question. Did you make the weather icons? Or is there some system ones are built in (or imported)?
red crater
Question. Did you make the weather icons? Or is there some system ones are built...
It’s a weather icons font, so each weather condition is mapped to a letter/character in that font.
honest gulch
Oh nice! Thanks
obsidian vault
It’s a weather icons font, so each weather condition is mapped to a letter/chara...
Oh nice, bookmarked. Sounds like it could be useful some time.
candid harbor
Do you happen to know how long it takes for the open weather API key to be usable?
red crater
No sorry, but I don’t remember it taking a long time when I signed up for one.
proven steppe
this is really cool is the source available?
proven steppe
nvm found it :)
red crater
I haven’t published the code yet, but the face is on the App Store. The code and font is similar to Elizabeth, which is on my GitHub.
proven steppe
ah, right. i found Elizabeth. would be super curious of the code of this though.
red crater
I’ll fire up my VM and publish the code soon. Should have done so already.
proven steppe
I'd be curious how to get a subset of the font to convert it to something pebble accepts. I'd like to adapt the typeface to my watchface
red crater
I use https://github.com/jrmobley/pebble-fctx and its fctx-compiler to convert an svg font into an “ffont” (which is what you’ll find in the resources/data file on my GitHub).
the fctx method allows you to have big scaleable fonts.
I turn a font into an svg first using fontforge, which is a great little program.
You can also use characterRegex in your package.json file to limit the characters in the font to only those you need. Or only create the font with those characters in the first place.
@proven steppe Most of my watchfaces use the method above to get big fonts, so take a look at some of my other faces, and see if there’s an existing font you like. Most of the files are on GitHub so feel free to use the ffont files yourself.
Other faces use pictures of the digits instead of a font to show the time.
“Brutal” for example does it that way. https://github.com/ir33k/brutal
proven steppe
I need arbitrary text, so I like the idea of font -> svg -> ffont
red crater
I need arbitrary text, so I like the idea of font -> svg -> ffont
Here you go, code is now on github. Caveat, I am not an engineer, my code is hideous. https://github.com/astosia/Underground
red crater
Just updated the watchface to support PTR/Chalk, and I've added Open-Meteo for the first time to a watchface. No more API keys. Let me know if any issues
red crater
Given the weather at the moment, I’ve decided to add UV index meter to a watchface and am experimenting with this one. I’ve got it working but not sure I like it on the main screen. Might work better around or with the weather icon on the second screen. Also, not often I see 30 degrees C in the UK!
Thin line is the underlying gauge (0-10+). I’ve maxed the bars at 10 as that way over half way is in the orange & red zones for UV, and over a quarter is pretty much wear sunscreen. Not sure it needs to represent extreme UV.
Red thicker bar is the UV Max for the day. Tick mark is UV now (next hour). Might put a number inside. The colours are configurable
