[{"element_type":"text","content":"\n  \n  \n  \n  \n  \n        \u003cp\u003eThis is an update on my current work in progress. I'm making a clock that will use gamepad buttons to set the time and date. The look is about 80's and 90's LED alarm clocks and digital watches. My larger goal is to explore making USB gamepad controlled GUIs in CircuitPython.\u003c/p\u003e\n\u003cp\u003eFor now, I'm deciding how I want time and date setting to work, including how the final sprites will look. To watch my video progress update, click through to the full post.\u003c/p\u003e\n      \n\n\n\n\n","metadata":{}},{"element_type":"user_image","content":"https://cdn-learn.adafruit.com/user_assets/assets/000/001/168/original/clock-in-progress.jpeg?1725834627","metadata":{"caption":""}},{"element_type":"markdown","content":"\u003ch2\u003eVideo Progress Update\u003c/h2\u003e\n","metadata":{"markdown":"## Video Progress Update"}},{"element_type":"embed","content":"https://www.youtube.com/watch?v=awSiF49J2Iw"},{"element_type":"markdown","content":"\u003ch2\u003eHardware\u003c/h2\u003e\n\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003e8BitDo SN30 Pro USB gamepad\n(\u003ca href=\"https://www.8bitdo.com/sn30-pro-usb-gamepad/\"\u003eproduct page\u003c/a\u003e)\u003c/p\u003e\u003c/li\u003e\n\u003cli\u003e\u003cp\u003eAdafruit ESP32-S3 TFT Feather - 4MB Flash, 2MB PSRAM\n(\u003ca href=\"https://www.adafruit.com/product/5483\"\u003eproduct page\u003c/a\u003e,\n\u003ca href=\"https://learn.adafruit.com/adafruit-esp32-s3-tft-feather\"\u003elearn guide\u003c/a\u003e)\u003c/p\u003e\u003c/li\u003e\n\u003cli\u003e\u003cp\u003eAdafruit USB Host FeatherWing with MAX3421E\n(\u003ca href=\"https://www.adafruit.com/product/5858\"\u003eproduct page\u003c/a\u003e,\n\u003ca href=\"https://learn.adafruit.com/adafruit-usb-host-featherwing-with-max3421e\"\u003elearn guide\u003c/a\u003e)\u003c/p\u003e\u003c/li\u003e\n\u003cli\u003e\u003cp\u003eAdalogger FeatherWing - RTC + SD\n(\u003ca href=\"https://www.adafruit.com/product/2922\"\u003eproduct page\u003c/a\u003e,\n\u003ca href=\"https://learn.adafruit.com/adafruit-adalogger-featherwing\"\u003elearn guide\u003c/a\u003e)\u003c/p\u003e\u003c/li\u003e\n\u003cli\u003e\u003cp\u003eFeatherWing Tripler Mini Kit\n(\u003ca href=\"https://www.adafruit.com/product/3417\"\u003eproduct page\u003c/a\u003e)\u003c/p\u003e\u003c/li\u003e\n\u003cli\u003e\u003cp\u003eCR1220 12mm Diameter - 3V Lithium Coin Cell Battery\n(\u003ca href=\"https://www.adafruit.com/product/380\"\u003eproduct page\u003c/a\u003e)\u003c/p\u003e\u003c/li\u003e\n\u003c/ul\u003e\n","metadata":{"markdown":"## Hardware\n\n- 8BitDo SN30 Pro USB gamepad\n  ([product page](https://www.8bitdo.com/sn30-pro-usb-gamepad/))\n\n- Adafruit ESP32-S3 TFT Feather - 4MB Flash, 2MB PSRAM\n  ([product page](https://www.adafruit.com/product/5483),\n  [learn guide](https://learn.adafruit.com/adafruit-esp32-s3-tft-feather))\n\n- Adafruit USB Host FeatherWing with MAX3421E\n  ([product page](https://www.adafruit.com/product/5858),\n  [learn guide](https://learn.adafruit.com/adafruit-usb-host-featherwing-with-max3421e))\n\n- Adalogger FeatherWing - RTC + SD\n  ([product page](https://www.adafruit.com/product/2922),\n  [learn guide](https://learn.adafruit.com/adafruit-adalogger-featherwing))\n\n- FeatherWing Tripler Mini Kit\n  ([product page](https://www.adafruit.com/product/3417))\n\n- CR1220 12mm Diameter - 3V Lithium Coin Cell Battery\n  ([product page](https://www.adafruit.com/product/380))\n"}},{"element_type":"markdown","content":"\u003ch2\u003eCircuitPython Code (currently alpha version)\u003c/h2\u003e\n\n\u003cp\u003eThere's no project bundle yet because the code is incomplete and I'm still figuring out how I want the state machine to work. But, if you like, you can follow along with my current progress on GitHub at \u003ca href=\"https://github.com/samblenny/feather-tft-clock/tree/77d3b9ed2b1c0a5ace5948cf66fac23af47dc0eb\"\u003esamblenny/feather-tft-clock commit 77d3b9e\u003c/a\u003e\u003c/p\u003e\n\n\u003cp\u003eThe main README file in my feather-tft-clock repository goes into some detail about what I'm doing with the state machine and about the current revision of the segmented display sprites that I made in Krita.\u003c/p\u003e\n","metadata":{"markdown":"## CircuitPython Code (currently alpha version)\n\nThere's no project bundle yet because the code is incomplete and I'm still figuring out how I want the state machine to work. But, if you like, you can follow along with my current progress on GitHub at [samblenny/feather-tft-clock commit 77d3b9e](https://github.com/samblenny/feather-tft-clock/tree/77d3b9ed2b1c0a5ace5948cf66fac23af47dc0eb)\n\nThe main README file in my feather-tft-clock repository goes into some detail about what I'm doing with the state machine and about the current revision of the segmented display sprites that I made in Krita."}},{"element_type":"markdown","content":"\u003ch2\u003eSprites\u003c/h2\u003e\n\n\u003cp\u003eThese screenshots from Krita show my initial concept for display segment sprites.\u003c/p\u003e\n","metadata":{"markdown":"## Sprites\n\nThese screenshots from Krita show my initial concept for display segment sprites."}},{"element_type":"markdown","content":"\u003ch3\u003eNumber Sprites\u003c/h3\u003e\n\n\u003cp\u003eThe numbers are inspired by LED alarm clocks. I'm pretty happy with how they look.\u003c/p\u003e\n","metadata":{"markdown":"### Number Sprites\n\nThe numbers are inspired by LED alarm clocks. I'm pretty happy with how they look."}},{"element_type":"user_image","content":"https://cdn-learn.adafruit.com/user_assets/assets/000/001/169/original/sprites-6x2-screenshot.png?1725835582","metadata":{"caption":""}},{"element_type":"markdown","content":"\u003ch3\u003eMode Badge Sprites\u003c/h3\u003e\n\n\u003cp\u003eThese mode badges are my initial attempt at exploring how to use a USB gamepad and state machine to set the time and date of a Real Time Clock (RTC) module. The visual concept is mainly based on the old alarm clock technique of a single LED next to a silk screen label on the bezel. For which modes to include, I'm borrowing ideas from digital watches, because LED alarm clocks usually didn't have any provision for setting the date. \u003c/p\u003e\n\n\u003cp\u003eAfter getting the state machine partially working to make my demo video above, I'm not satisfied with my initial idea for these mode badges. So, this week, I will probably make new sprites and revise the state machine.\u003c/p\u003e\n","metadata":{"markdown":"### Mode Badge Sprites\n\nThese mode badges are my initial attempt at exploring how to use a USB gamepad and state machine to set the time and date of a Real Time Clock (RTC) module. The visual concept is mainly based on the old alarm clock technique of a single LED next to a silk screen label on the bezel. For which modes to include, I'm borrowing ideas from digital watches, because LED alarm clocks usually didn't have any provision for setting the date. \n\nAfter getting the state machine partially working to make my demo video above, I'm not satisfied with my initial idea for these mode badges. So, this week, I will probably make new sprites and revise the state machine."}},{"element_type":"user_image","content":"https://cdn-learn.adafruit.com/user_assets/assets/000/001/170/original/badge-sprites-screenshot.png?1725835943","metadata":{"caption":""}}]