Giter VIP home page Giter VIP logo

fit-boy's Introduction

Fit-Boy: Now available in the Best of 2021 section of Fitbit Gallery!

Preview Preview Preview Preview

Description

A clock face for Fitbit Sense, modeled after the legendary Pip-Boy from the Fallout Series by Fallout Series by Bethesda. Built using the Fitbit Studio and Fitbit OS Simulator.

Welcome... to Vault 663.

Target Devices

  • Fitbit Sense
  • Fitbit Versa 3

Features

  • Vault Boy with limb health bars for the proper Pip-Boy feel
  • You may type in your name to signify that you own this Fit-Boy

Clock

  • Supports both 12-hour and 24-hour format

Date and Day Format

  • DDD YYYY-MM-DD

Stats

  • Distance in kilometers
  • Active zone in minutes
  • Calories burn in kcal
  • Elevation in floors
  • Steps in... well... steps
  • Heart rate in bpm
  • Resting heart rate in the bottom left-hand corner, marked as HP
  • Weight in the bottom right-hand corner, in kilograms
  • Battery charge displayed instead of the LEVEL progress bar

Color Schemes

  • Fallout 4 (#16FF42)
  • Fallout: New Vegas (#FFB641)
  • Fallout 3 (#1AFF80)
  • Lots of other colors

"Console"

  • Displays "> CHARGING ..." when charging
  • Displays "> USER NOT DETECTED" when not on wrist
    • Also hides the vault boy and name
  • Greets you
  • Has that cool flashing cursor terminals in Fallout have

WIP

  • Customizable name
  • More color schemes
  • Even more color schemes
  • Fix black screen on first run (no default color selected)
  • Add monofonto font
  • 12-hour format
  • 24-hour format
  • Translations
  • Potentially: Use the limb health bars as goal bars Rejected: Battery Saving
    • Active Zone Minutes
    • Calories Burn
    • Elevation
    • Distance
    • Steps
  • Use the bottom bar as total progress
  • Potentially: GPS Rejected: Battery Saving
    • Latitude
    • Longitude
    • Heading
  • Change picture based on the active zone and other factors
    • Make the vault boy animated
  • Potentially: Time till sunrise / sunset
  • (Fitbit Permission Required) Always On Display

Build Through CLI

  1. Run npm install
  2. run Fitbit Simulator
  3. Log into CLI npx fitbit
  • CLI should now display fitbit$
  1. Build and Install fitbit$ bi
  • The simulator should now display the clock face
  • The resulting built file is /build/app.fba

fit-boy's People

Contributors

morgosus avatar victor-rocha avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

fit-boy's Issues

UI Improvements

Can the left side font be slightly bigger, at least for the time?

The bar that says "Good Afternoon" could also fit the current temperature on the right side.

Couple layout considerations/comments

Hi,

I got a couple of layout configurations and improvements I would like to raise/point out.

  • Maybe increase the font-size as a whole by probably 0.5. Specially the "activity" ones (heart rate, distance, etc)
  • Maybe it's just me but I have a feeling that both left and side "columns" are too close to the edge/border. At least on my Fitbit Sense. Should then consider adding a small left and right margin?

How to accomplish "Your name here" on a Sense2

Hello! I've downloaded your FitBoy watchface for my Fitbit Sense2. How do I get my name in the "Your Name Here" area? I've set up a display name in the Fitbit app. Thanks for an awesome watch face!

SpO2 measurement

What about showing last night SpO2 as a health bar of a head? :)
Since it changes once/day, it shouldn't be battery draining.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.