Published October 27, 2019 © CC BY-SA

ESP32 Web Flip Clock (Modified パタパタ電波時計)

Modified the DIY split-flip display radio clock from a Japanese magazine into a true web clock.

IntermediateShowcase (no instructions)1,685

ESP32 Web Flip Clock (Modified パタパタ電波時計)

Things used in this project

Hardware components

NodeMCU-32S ESP32 board

L9110S Motor Driver Board

DS3231 RTC module

MB102 Power Supply Module

Breadboard (generic)

RGB Diffused Common Anode

Software apps and online services

MicroPython

Story

A while ago, I mentioned to some of my co-workers that is it possible to make a simple split-flip display. (I actually made one with cardboards and toothpicks, and it looks...not pretty.) A guy digged out this clock set and give it to me, which he bought a few years ago for research but never assembled.

This is in fact a DIY radio clock called パタパタ電波時計 ("pa-ta pa-ta (flapping sound) radio clock") back in April 2013 from a Japanese magazine 大人の科学 ("Science for Adults"). A translated Chinese version was published in Taiwan in 2014. This magazine always give you something to build: mini electric guitar, planetarium, phonograph, little automation robot, vacuum tube AM radio, small printing press machine, etc.

The translated version never sell well, as far as I have heard.

This is the original radio receiver and motor controlled board in the clock

As the name suggested, the radio clock is calibrated via radio signal. However the signal is way too weak to receive in Taiwan and making it useless. Some people use apps to artificially generate the signal, in very close range and very quiet environment. But it is not really practical.

The two split-flip displays of the clock are driven by two DC motors. I realized that the principle is pretty simple: when one motor is powered, a lever would push the outer gear forward, however the it would be immediately stopped by another lever. Cut off motor power, and the first lever would fall back to the original position. So every time you give and cut power to one motor, it would turn the display exactly one notch forward. There are also two metal contacts outside the gears, which can be used to determine when they have reached the default positions (zeros).

So I decided to modified it into a web clock. (I actually bought my own clock set, so that I can finish the modifications and experiments at home. Luckily they never sell well, so still available 6 years later...) The motors are be controlled by a LS9110S drive board, and the metal contacts are connected to the pins of the microcontroller board. I also installed two buttons which I bought for another project but didn't used, to replace the original ones.

At first I tried to use a ESP8266 board...and found out they don't have enough GPIO pins for this. So I used one of my ESP32 boards instead, a NodeMCU-32S. (It's slightly longer than ESP8266 NodeMCU V2 with the same width, which can be fitted into the half breadboard, and pin numbers are written underneath the board.)

NodeMCU-32S

There are several different ESP32 boards - make sure you find the correct pinout info

I also added a DS3231 RTS (real time system) module I bought some time ago, to store and count the time more accurately, and add a TM1637 4-digit LED display and a RGB LED module to display some system status.

A power supply module (~700mA) powered most of the external components, because the ESP32 itself eats a lot of power for WiFi alone! (and due to some reason I cannot power it directly via the 5V pin. So right now two separate power source is required.)

This project is coded and tested in MicroPython v1.11. The DS3231 library I used can be found here and the TM1637 library is here. For more information of the World Time API, check out my another project Very Simple MicroPython ESP8266/ESP-12 Web Clock.

DS3231

TM1637

This is how the web clock runs:

1. Turn both motors until both display reached default positions, thus synchronize the hardware and software (hour and minute variables also set to 0).

2. Initialize DS3231 and TM1637 module. (Do it now to avoid potential voltage drop in step 1.)

3. Connect to WiFi. (the RGB led would blink in different colors to indicate the progress of the first 3 steps.)

4. Now into the main loop:

a. for every 3600000 ms (1 hour), query web time API, retrieve JSON data and extract time, then update system software RTS as well as the DS3231 module.

b. for every 250 ms, read time from the DS3231 (if possible; otherwise use the system RTS time) and see if the displays are needed to be turned.

c. turn the motors if the user press the buttons (manual calibration).

d. the RGB led would change color every time the motors are turned.

e. the TM1637 displays the actual RTS time, so that user can manually calibrate the clock if needed. Its brightness will be dimmed if the ESP32 loses WiFi connection.

ESP32 Web Flip Clock

# ESP32 Web Flip Clock by Alan Wang

from machine import Pin, PWM, I2C, RTC
import network, urequests, utime, urandom, gc

try:
    from DS3231 import DS3231
except:
    print("DS3231 module import failed")

try:
    from tm1637 import TM1637
except:
    print("TM1637 module import failed")


utime.sleep_ms(1000)
print("System startup")

wifi = network.WLAN(network.STA_IF)
wifi.active(True)
rtc = RTC()


ssid = "your_wifi_ssid"
pw = "your_wifi_password"
url = "http://worldtimeapi.org/api/timezone/Asia/Taipei"
web_query_delay = 3600000
retry_delay = 30000


hour_list = [0, 0, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 12,
             13, 13, 13, 14, 14, 14, 15, 15, 15, 16, 16, 16, 17, 17, 17, 18, 18, 18, 19, 19, 19,
             20, 20, 20, 21, 21, 21, 22, 22, 22, 23, 23, 23]

minute_list = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20,
               21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,
               41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59]

hour_index = 0
minute_index = 0
time_updated = False


hour_button = Pin(32, Pin.IN, Pin.PULL_UP)
minute_button = Pin(33, Pin.IN, Pin.PULL_UP)
hour_pos_check = Pin(17, Pin.IN, Pin.PULL_UP)
minute_pos_check = Pin(16, Pin.IN, Pin.PULL_UP)

hour_motor = Pin(22, Pin.OUT)
minute_motor = Pin(21, Pin.OUT)
hour_motor.off()
minute_motor.off()

hour_pos_check_prev = hour_pos_check.value()
minute_pos_check_prev = minute_pos_check.value()
hour_pos_reached = False
minute_pos_reached = False

led_r = Pin(27, Pin.OUT)
led_g = Pin(14, Pin.OUT)
led_b = Pin(12, Pin.OUT)

def flip_hour():
    hour_motor.on()
    utime.sleep_ms(75)
    hour_motor.off()
    utime.sleep_ms(125)
    
def flip_minute():
    minute_motor.on()
    utime.sleep_ms(75)
    minute_motor.off()
    utime.sleep_ms(125)

def led_blink(r, g, b):
    led_r.off()
    led_g.off()
    led_b.off()
    for i in range(5):
        led_r.value(1 if r else 0)
        led_g.value(1 if g else 0)
        led_b.value(1 if b else 0)
        utime.sleep_ms(50)
        led_r.off()
        led_g.off()
        led_b.off()
        utime.sleep_ms(50)
    led_r.value(1 if r else 0)
    led_g.value(1 if g else 0)
    led_b.value(1 if b else 0)
    utime.sleep_ms(500)
    
led_blink(1, 0, 0)


print("Motor calibrating...")

while True:
    
    if hour_pos_reached and minute_pos_reached:
        break
    
    if not hour_pos_reached:
        flip_hour()
        if hour_pos_check_prev == 0 and hour_pos_check.value() == 1:
            hour_pos_reached = True
    
    if not minute_pos_reached:
        flip_minute()
        if minute_pos_check_prev == 0 and minute_pos_check.value() == 1:
            minute_pos_reached = True
    
    hour_pos_check_prev = hour_pos_check.value()
    minute_pos_check_prev = minute_pos_check.value()


print("Calibrated.")
led_blink(1, 1, 0)


try:
    tm = TM1637(clk=Pin(26), dio=Pin(25))
    tm.brightness(1)
    tm.numbers(0, 0)
    print("TM1637 initialized")
except:
    print("TM1637 initialize failed")

try:
    scl_pin = Pin(19, pull=Pin.PULL_UP)
    sda_pin = Pin(18, pull=Pin.PULL_UP)
    i2c = I2C(-1, scl=scl_pin, sda=sda_pin)
    ds3231 = DS3231(i2c)
    print("DS3231 initialized")
except:
    print("DS3231 initialize failed")

led_blink(0, 1, 0)


print("Connecting to wifi...")
wifi.connect(ssid, pw)
while not wifi.isconnected():
    pass
print("Connected")

led_blink(0, 1, 1)
gc.enable()


def led_change():
    led_r.value(urandom.getrandbits(1))
    led_g.value(urandom.getrandbits(1))
    if led_r.value() == 0 and led_g.value() == 0:
        led_b.value(1)
    else:
        led_b.value(urandom.getrandbits(1))

led_change()
hour_now = 0
minute_now = 0
minute_prev = 0
update_time = utime.ticks_ms() - web_query_delay


while True:
        
    if wifi.isconnected():
        
        try:
            tm.brightness(7)
        except:
            pass
        
        if utime.ticks_ms() - update_time >= web_query_delay:
            
            response = urequests.get(url)
        
            if response.status_code == 200:
            
                print("JSON query successful:")
                parsed = response.json()
                datetime_str = str(parsed["datetime"])
                print(datetime_str)
                y = int(datetime_str[0:4])
                m = int(datetime_str[5:7])
                d = int(datetime_str[8:10])
                h = int(datetime_str[11:13])
                mi = int(datetime_str[14:16])
                s = int(datetime_str[17:19])
                subs = int(round(int(datetime_str[20:26]) / 10000))
            
                rtc.datetime((y, m, d, None, h, mi, s, subs))
                print("RTC updated")
                
                try:
                    ds3231.DateTime([y, m, d, None, h, mi, s])
                    print("DS3231 updated")
                except:
                    print("DS3231 update failed")

                if not time_updated:
                    time_updated = True
            
                update_time = utime.ticks_ms()
                
            else:
                update_time = utime.ticks_ms() - web_query_delay + retry_delay
    
    else:
        try:
            tm.brightness(1)
        except:
            pass
    
    turned = False
    
    if time_updated:
        
        try:
            hour_now = ds3231.DateTime()[4]
            minute_now = ds3231.DateTime()[5]
            rtc.datetime((ds3231.DateTime()[0],
                      ds3231.DateTime()[1],
                      ds3231.DateTime()[2],
                      ds3231.DateTime()[3],
                      ds3231.DateTime()[4],
                      ds3231.DateTime()[5],
                      ds3231.DateTime()[6],
                      0
                      ))
        except:
            hour_now = rtc.datetime()[4]
            minute_now = rtc.datetime()[5]
        
        try:
            tm.numbers(hour_now, minute_now)
        except:
            pass
        
        if hour_list[hour_index] != hour_now:
            led_change()
            flip_hour()
            hour_index += 1
            if hour_index >= 60:
                hour_index = 0
            turned = True
            
        if minute_list[minute_index] != minute_now:
            led_change()
            flip_minute()
            minute_index += 1
            if minute_index >= 60:
                minute_index = 0
            turned = True
    
    if hour_button.value() == 0:
        led_change()
        flip_hour()
        utime.sleep_ms(250)
        turned = True
        
    if minute_button.value() == 0:
        led_change()
        flip_minute()
        utime.sleep_ms(250)
        turned = True
    
    if not turned:
        utime.sleep_ms(250)

Credits

Alan Wang

32 projects • 101 followers

Please do not ask me for free help for school or company projects. My time is not open sourced and you cannot buy it with free compliments.

ESP32 Web Flip Clock (Modified パタパタ電波時計)

Things used in this project

Hardware components

Software apps and online services

Story

Code