M5StickC PNG Watch

I am Takao Akaki@mongonta555.

Product Infomation

This watch can change the background image for M5StickC. You can see the time against the background of your favorite image.

Although it is a simple mechanism, I modified Sprite.cpp to create a library that handles images as a background layer.

BackgroundLayer Library makes it easy to redraw the background.

Settings and Compile

This watch normally uses RTC, but it requires WiFi to be set via NTP to set the clock. Set the PNGWatchC.ino InitialSettings area according to your environment and compile.

const char ssid[] = "XXXXXXXXXXXXXXXXXXXX"; // set your SSID

const char pass[] ="XXXXXXXXXXXXXXXXXXXX"; // set your passphrase

const char ntpServer[] = "XXXXXXXXXXXXXXXXXXXX"; // set your NTP Server

Usage

Press the buttonA to connect to the configured WiFi and synchronize with NTP Server.

How to change image

If you create a 160x80 PNG file yourself and compile it, you can replace the background image.

1. Create clockC.png

2.Convert from clockC.png to clockC.png.h

3.Replace clockC.png.h

4.Compile

Refer to M5Stack_Test_tools and convert it using png2code.py.

Modified example

The material for M5Stack Version was put in the following folder. Reflect the contents of clockC_M5_Settins.txt to PNGWatchC.ino.

/M5StickC-PNGWatch/png

Let's make your original clock!