At the beginning of the year, I switched from Android to Fitbit, and with that began coding watchfaces in the Fitbit Studio. It was great, In one evening I coded a binary watch. Another evening I coded a Linux Console - looking watch face. Later I made a text - based binary watch. But it was at that time I realized, my original binary watch was gone. And of course I hadn't backed it up locally.
I've recently decided to try recreating my first binary watch. I'm not sure how I made it so easily the first time. This time around is a nightmare so far. I am building it in such a way that I don't already know the screen size. I originally tried doing the layout using CSS and percentages, but the grid I'm building isn't evenly divided so it is not quite right.
Just when things were at their darkest, I found a snippet that gets me the screen height and width. I know it's JS but I thought I had previously not been able to grab the screen size for some reason. Well I thought wrong. Once I have the screen res, everything slowly falls into place. I got the grid worked out. It took a bit to get the lines in there. There were some headaches on the dynamic colors and re-purposing my binary time code.
It was still a stroll through a swamp. Then POOF! it was suddenly done. Two little tweaks to fix bugs and so far it's working like a champ. I want to add a touch listener ao it will cycle through some other screens, like binary date etc, and maybe a cheat screen with the time/date/steps etc.
Oh! Maybe that third screen could be my Linux console like watchface. A two for one! Hmm....
No comments:
Post a Comment