Animation example

ATTENTION: You are looking at Version 1.0 of the project. To get documentation for this release take a look at this snapshot on read the docs The source code for this release can be found at this branch on github

This is the software of a variation of the LED clock from DIY machines. I have a separate branch with a ready to use configuration which works on the original version of this clock out of the box on this branch

I decided to code it completely from scratch at I wanted to use a ESP32 instead of the Arduino nano and RTC that is used in the original project. This enables some cool features like smartphone app control, OTA updates and fetching of the time using the internet.

Additionally this has full support for animations. By default I provide all needed animations for a 12h clock to morph one digit into another soothly. Further animations can be easily added and existing animation can be adjusted to your liking.

The whole codebase is highly modular and configurable and can be tweaked exactly to your preferences.

Detailed documentation is available on Read the docs.

If you are interested in my variation of the design which uses a lot of wood instead of the 3D prints and is a bit bigger than the original you can find it on thingiverse here

Development Environment:

I am using VScode with PlatformIO. VSCode can be downloaded from here. And PlatformIO is an extension that can easily be installed from inside of VSCode.

Via the PlatformIO home the following libraries have to be installed:

  • “Blynk” by Volodymyr Shymanskyy

  • “FastLED” by Daniel Garcia

  • “LinkedList” by Ivan Seidel

Important files for configuration:

Files that are important for configuration (sorted by importance):

  1. At the top of /include/Configuration.h -> Contains almost all important settings, like WIFI config, pin configurations etc.

  2. /src/DisplayManager/DisplayConfiguration.cpp -> Configuration of which leds belong to which segments and which segments belong to which display, the order of the segments and their animation directions It is really important to get this one right!

  3. /src/SevenSegment/SegmentTransitions.cpp -> Configuring the animations between the digits

  4. /src/DisplayManager/Animations.cpp -> configuration of animations like the loading animation