[Digi-Key Follow me Issue 2] + Getting Started with Development Boards

shazhongjin

[Digi-Key Follow me Issue 2] + Getting Started with Development Boards [Copy link]

 

**First of all, I would like to thank DigiKey for the Follow Me event. Let's unlock the superpowers of the development board together with DigiKey Electronics! ** # Preface: I accidentally saw the Follow Me event held by **DigiKey | EEWorld** on Bilibili. I was interested in programming and electronic devices, so I decided to participate in the event and order the board. Although the delivery process of the board was tortuous, I still felt the exquisiteness and charm of this "Adafruit ESP32-S3 TFT Feather" board. # Project Introduction This project includes the following: **Task 1**: Control the screen to display Chinese (required task) Complete the control of the screen and be able to display Chinese Matching device: Adafruit ESP32-S3 TFT Feather **Task 2**: Use of network functions (required task) Complete the use of network functions, be able to create a hotspot and connect to WiFi Matching device: Adafruit ESP32-S3 TFT Feather **Task 3**: Control WS2812B (required task) Use buttons to control the display and color switching of the onboard Neopixel LED Matching device: Adafruit ESP32-S3 TFT Feather **Task 4**: Choose 1 of the 5 sub-tasks below that you are interested in and complete it (required task) ■ Sub-task 1: Calendar & Clock-Complete a perpetual calendar clock that can be updated via the Internet and display local weather information Recommended matching device: Adafruit ESP32-S3 TFT Feather (Interlude: I originally planned to do subtask 4, but because I was too confident in my welding skills, I failed as soon as I started. After processing, I couldn't connect to the device. Finally, I had no choice but to choose subtask 1. I will continue to study after the task. **Here is a suggestion for students who are not good at welding: you must practice more first**) <ignore_js_op> <img style="cursor:pointer;" id="aimg_740765" aid="740765" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/202207i5vxv8bz5ak5vvv8.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/202207i5vxv8bz5ak5vvv8.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740765_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>微信图片_20231015202120.jpg</strong> <em class="xg1">(378.75 KB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740765" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740765&handlekey=savephoto_740765">save to album</a> </p> <p class="xg1 y">2023-10-15 20:22 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> <ignore_js_op> <img style="cursor:pointer;" id="aimg_740764" aid="740764" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/202206r71a2z5nvdvnd6da.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/202206r71a2z5nvdvnd6da.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740764_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>微信图片_20231015202114.jpg</strong> <em class="xg1">(311.14 KB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740764" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740764&handlekey=savephoto_740764">save to album</a> </p> <p class="xg1 y">2023-10-15 20:22 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> # Task results display and description This task uses Python programming language, and the Circuit Python plug-in is installed in Vscode, which can easily edit code and install libraries. Since it is the first time to use Circuit Python to write code for the development board, I thought that the libraries and methods supported by Python can run on the development board. After trying, I found that many libraries and methods are not supported. [circuitpython](https://docs.circuitpython.org/en/latest/shared-bindings/index.html) The official website checked which libraries and methods CircuitPython can support. <div id="player_95edd9ccdf274051793bd4cfd1a2126d0" class="localvideo-box"></div><div class="localvideo-title">10月15日(1)</div><br/> Video content: [https://training.eeworld.com.cn/course/68148](http://https://training.eeworld.com.cn/course/68148 "https://training.eeworld.com.cn/course/68148") Source code sharing: [https://download.eeworld.com.cn/detail/shazhongjin/629575](http://https://download.eeworld.com.cn/detail/shazhongjin/629575 "https://download.eeworld.com.cn/detail/shazhongjin/629575") ## Task 1: Control the screen to display Chinese (mandatory task) This task mainly uses the adafruit_bitmap_font and adafruit_display_text libraries. You can select the libraries we need by selecting CircuitPython: Show Available Libraries in the command panel in vscode. You can also copy the downloaded library file to the lib path under the development board drive letter. The font file used this time is "wenquanyi_10pt.pcf". Copy the font file to the root directory of the development board or create a fonts directory. Load the font file through `font = bitmap_font.load_font("fonts/wenquanyi_10pt.pcf")` to display Chinese. Execute as follows: <ignore_js_op> <img style="cursor:pointer;" id="aimg_740750" aid="740750" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/195703yjgygyd2ysg1jvyd.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/195703yjgygyd2ysg1jvyd.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740750_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>1.jpg</strong> <em class="xg1">(373 KB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740750" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740750&handlekey=savephoto_740750">save to album</a> </p> <p class="xg1 y">2023-10-15 19:57 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> The code is as follows: ``` python import time import board import displayio from adafruit_display_text import label from adafruit_bitmap_font import bitmap_font # Initialize the display display = board.DISPLAY # Control the screen display rotation angle display.rotation = 0 #Load the font file font = bitmap_font.load_font("fonts/wenquanyi_10pt.pcf") title1 = "Follow me Second Task" text1 = "Task 1: Control the screen to display Chinese (must-do task)\nComplete the screen control and can display Chinese\nMatching device: Adafruit ESP32-S3 TFT Feat\nher" text2 = "Local time" l1 = label.Label(font, text=title1, color=0x000080, x=50, y=10, background_color=0xF0F8FF, auto_refresh=True, line_spacing=1) l2 = label.Label(font, text=text1, color=0xF0F8FF, x=0, y=30) l3 = label.Label(font, text=text1, color=0xF0F8FF, x=0, y=120) text_group = displayio.Group() text_group.append(l1) text_group.append(l2) text_group.append(l3) #Display text display.show(text_group) while True: curtime = time.localtime() l3.text = f"Local time{curtime.tm_year}-{curtime.tm_mon}-{curtime.tm_mday} {curtime.tm_hour}:{curtime.tm_min}:{curtime.tm_sec}" pass ``` ## Task 2: Use network functions (required task) The task is divided into two parts. The first part is to create a hotspot through the development board, and the second part is to use the development board to connect to WIFI. This task mainly uses the wifi module. While using the network function, it also increases the interaction. Execute as follows: Interface 1 <ignore_js_op> <img style="cursor:pointer;" id="aimg_740751" aid="740751" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200448d8f70kusu0k09047.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200448d8f70kusu0k09047.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740751_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>2-1.jpg</strong> <em class="xg1">(6.15 MB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740751" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740751&handlekey=savephoto_740751">save to album</a> </p> <p class="xg1 y">2023-10-15 20:04 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> Create a hotspot and light up the light <ignore_js_op> <img style="cursor:pointer;" id="aimg_740752" aid="740752" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200450hffm1o2tmaam21kh.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200450hffm1o2tmaam21kh.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740752_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>2-2.jpg</strong> <em class="xg1">(201.51 KB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740752" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740752&handlekey=savephoto_740752">save to album</a> </p> <p class="xg1 y">2023-10-15 20:04 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> Connect to WiFi and range the IP address <ignore_js_op> <img style="cursor:pointer;" id="aimg_740753" aid="740753" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200450b4fl6ggziphwnrih.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200450b4fl6ggziphwnrih.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740753_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>2-3.jpg</strong> <em class="xg1">(241.03 KB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740753" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740753&handlekey=savephoto_740753">save to album</a> </p> <p class="xg1 y">2023-10-15 20:04 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> ``` python import time import board import os import wifi import displayio import digitalio from adafruit_display_text import label from adafruit_bitmap_font import bitmap_font # Initialize the display display = board.DISPLAY # Control the screen display rotation angle display.rotation = 0 #Load the font file font = bitmap_font.load_font("fonts/wenquanyi_10pt.pcf") title1 = "Follow me Phase 2 Task" text1 = "Task 2: Use of network functions (required task)\nComplete the use of network functions, be able to create a hotspot and connect to WiFi\nMatching device: Adafruit ESP32-S3 TFT Feat\nher" text2 = "Press the Boot button to start the hotspot function demonstration" l1 = label.Label(font, text=title1, color=0x000080, x=50, y=10, background_color=0xF0F8FF, auto_refresh=True, line_spacing=1) l2 = label.Label(font, text=text1, color=0xF0F8FF, x=0, y=30) l3 = label.Label(font, text=text2, color=0xF0F8FF, x=0, y=120) text_group = displayio.Group() text_group.append(l1) text_group.append(l2) text_group.append(l3) #Display text display.show(text_group) led = digitalio.DigitalInOut(board.LED) led.direction = digitalio.Direction.OUTPUT button = digitalio.DigitalInOut(board.BUTTON) button.switch_to_input(pull=digitalio.Pull.UP) def Create_AP(): l2.text = "Creating hotspot..." l2.text += f"\nCurrent device MAC address: {[hex(i) for i in wifi.radio.mac_address]}" time.sleep(1) wifi.radio.start_ap(os.getenv("AP_SSID"), os.getenv("AP_PASSWORD")) l2.text = "Hotspot created successfully, please connect to WiFi" l2.text += f"\nHotspot name: {os.getenv("AP_SSID")}" l2.text += f"\nHotspot password: {os.getenv("AP_PASSWORD")}" led.value = True l3.text = "Press the Boot key to start the network connection function demonstration" def Connect_AP(): l2.text = "Searching for WiFi..." time.sleep(0.5) networks = wifi.radio.start_scanning_networks() i = 1 for network in networks: l2.text = f"Current network {i}" l2.text += f"\n{str(network.ssid)} RSSI:{network.rssi} Channel:{network.channel}" i += 1 time.sleep(0.5) wifi.radio.stop_scanning_networks() l2.text = "Connecting to WiFi..." l2.text += f"\n{os.getenv("WIFI_SSID")}" time.sleep(1) wifi.radio.connect(os.getenv("WIFI_SSID"), os.getenv("WIFI_PASSWORD")) l2.text = "Connected to WiFi successfully" l2.text += f"\nCurrent IP address: {wifi.radio.ipv4_address}" l3.text = "Network connection demonstration completed, press the Boot button to return" led.value = False status = False Step = 0 while True: if not button.value: if status == False: if Step == -1: Step = 0 pass elif Step == 0: Create_AP() Step = 1 elif Step == 1: Connect_AP() Step = 2 elif Step == 2: l2.text = "Task 2: Use of network functions (required task)\nComplete the use of network functions, be able to create a hotspot and connect to WiFi\nMatched device: Adafruit ESP32-S3 TFT Feat\nher" l3.text = "Press the Boot button to start the hotspot function demonstration" time.sleep(0.5) Step = -1 else: status = False led.value = status pass ``` ## Task 3: Control WS2812B (required task) This task mainly uses the neopixel library to obtain and control the onboard LED. Execute as follows: Screen 1 <ignore_js_op> <img style="cursor:pointer;" id="aimg_740757" aid="740757" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200947pj5s9s9dd4y999d5.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200947pj5s9s9dd4y999d5.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740757_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>3-1.jpg</strong> <em class="xg1">(4.52 MB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740757" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740757&handlekey=savephoto_740757">save to album</a> </p> <p class="xg1 y">2023-10-15 20:09 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> LED turns on blue <ignore_js_op> <img style="cursor:pointer;" id="aimg_740760" aid="740760" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200958koo20miydd9c92y2.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200958koo20miydd9c92y2.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740760_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>3-4.jpg</strong> <em class="xg1">(4.98 MB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740760" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740760&handlekey=savephoto_740760">save to album</a> </p> <p class="xg1 y">2023-10-15 20:09 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> LED turns on green <ignore_js_op> <img style="cursor:pointer;" id="aimg_740759" aid="740759" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200954uvzufs9e7g999eio.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200954uvzufs9e7g999eio.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740759_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>3-3.jpg</strong> <em class="xg1">(5.03 MB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740759" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740759&handlekey=savephoto_740759">save to album</a> </p> <p class="xg1 y">2023-10-15 20:09 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> LED turns on red <ignore_js_op> <img style="cursor:pointer;" id="aimg_740758" aid="740758" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200951nwnw19t2jgzwsts9.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/200951nwnw19t2jgzwsts9.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740758_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>3-2.jpg</strong> <em class="xg1">(4.88 MB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740758" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740758&handlekey=savephoto_740758">save to album</a> </p> <p class="xg1 y">2023-10-15 20:09 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> The code is as follows: ``` python import time import board import digitalio import neopixel import displayio from adafruit_display_text import label from adafruit_bitmap_font import bitmap_font button_pin = board.BUTTON Color_Num = 0 RAINBOW_COLORS = [ (255, 0, 0), # Red (255, 165, 0), # Orange (255, 255, 0), # Yellow (0, 255, 0), # Green (0, 0, 255), # Blue (75, 0, 130), # Indigo (238, 130, 238) # Purple] RAINBOW_Str = [ "Red", "Orange", "Yellow", "Green", "Blue", "Indigo", "Purple" ] #Initial red Color = RAINBOW_COLORS[0] button = digitalio.DigitalInOut(button_pin) button.direction = digitalio.Direction.INPUT button.pull = digitalio.Pull.UP debounce_delay = 0.1 # Debounce delay, in seconds button_pressed = False pixel = neopixel.NeoPixel(board.NEOPIXEL, 1) pixel.brightness = 0.3 # Initialize the display display = board.DISPLAY # Control the screen display rotation angle display.rotation = 0 # Load the font file font = bitmap_font.load_font("fonts/wenquanyi_10pt.pcf") title1 = "Follow me Phase 2 Task" text1 = "Task 3: Control WS2812B (Required Task)\nUse buttons to control the display and color switching of the onboard Neopixel LED\nMatching device: Adafruit ESP32-S3 TFT Feat\nher" text2 = "Press the Boot button to start the LED display switching function demonstration" l1 = label.Label(font, text=title1, color=0x000080, x=50, y=10, background_color=0xF0F8FF, auto_refresh=True, line_spacing=1) l2 = label.Label(font, text=text1, color=0xF0F8FF, x=0, y=30) l3 = label.Label(font, text=text2, color=0xF0F8FF, x=0, y=120) text_group = displayio.Group() text_group.append(l1) text_group.append(l2) text_group.append(l3) #Display text display.show(text_group) while True: if not button.value and not button_pressed: #The button is pressed and has not been pressed before button_pressed = True time.sleep(debounce_delay) #Delay for a period of time to debounce if not button.value: #Confirm that the button is still pressed Color = RAINBOW_COLORS[Color_Num] l2.text =f"Neopixel LED color: {RAINBOW_Str[Color_Num]}" #Set led color pixel.fill(Color) Color_Num += 1 if Color_Num == 7: l2.text = "Task 3: Control WS2812B (required task)\nUse buttons to control the onboard Neopixel LED display and color switching\nMatching device: Adafruit ESP32-S3 TFT Feat\nher" l3.text = "Press the Boot button to start the LED display switching function demonstration" pixel.deinit() pixel = neopixel.NeoPixel(board.NEOPIXEL, 1) Color_Num -= 7 elif button.value: # The button is not pressed button_pressed = False pass ``` ## Task 4: Calendar & Clock-Complete a perpetual calendar clock that can be updated via the Internet and display local weather information. This task is divided into two parts: the first part is to obtain time through the Internet and set it to local time, and the second part is to obtain weather and other information through the network. Both parts require the use of the network, so the first step is to use the network connection function of Task 2 to connect to the Internet. After connecting to the Internet, use the adafruit_requests library to access the API. The time API uses Suning's time API, and the return format is: ``` json {"sysTime2":"2023-10-15 19:36:03","sysTime1":"20231015193603"} ``` The weather API uses the IT Man Tool Network weather API, and the return format is: ``` json { "message": "success thanks upyun.com for providing CDN sponsorship", "status": 200, "date": "20231015", "time": "2023-10-15 19:10:26", "cityInfo": { "city": "武汉市", "citykey": "101200101", "parent": "湖北", "updateTime": "16:46" }, "data": { "shidu": "47%", "pm25": 25, "pm10": 32, "quality": "Excellent", "wendu": "28", "ganmao": "All kinds of people can move freely", "forecast": [ { "date": "15", "high": "High temperature 27℃", "low": "Low temperature 13℃", "ymd": "2023-10-15", "week": "Sunday", "sunrise": "06:25", "sunset": "17:52", "aqi":60, "fx": "Southwest wind", "fl": "Level 2", "type": "Sunny", "notice": "May you have a mood brighter than the sun" }, { "date": "16", "high": "High temperature 28℃", "low": "Low temperature 14℃", "ymd": "2023-10-16", "week": "Monday", "sunrise": "06:26", "sunset": "17:51", "aqi": 54, "fx": "Southeast wind", "fl": "Level 2", "type": "Sunny", "notice": "May you have a mood brighter than the sun" }, { "date": "17", "high": "High temperature 27℃", "low": "Low temperature 15℃", "ymd": "2023-10-17", "week": "Tuesday", "sunrise": "06:26", "sunset": "17:50", "aqi": 59, "fx": "Southeast wind", "fl": "Level 3", "type": "Sunny", "notice": "May you have a mood brighter than the sun" }, { "date": "18", "high": "High temperature 26℃", "low": "Low temperature 15℃", "ymd": "2023-10-18", "week": "Wednesday", "sunrise": "06:27", "sunset": "17:49", "aqi": 65, "fx": "Southeast wind", "fl": "Level 2", "type": "Sunny", "notice": "May you have a mood brighter than the sun" }, { "date": "19", "high": "High temperature 24℃", "low": "Low temperature 11℃", "ymd": "2023-10-19", "week": "Thursday", "sunrise": "06:28", "sunset": "17:48", "aqi": 73, "fx": "Northeast wind", "fl": "Level 3", "type": "Cloudy", "notice": "Sunny and cloudy, beware of ultraviolet radiation" }, { "date": "20", "high": "High temperature 21℃", "low": "Low temperature 11℃","ymd": "2023-10-20", "week": "Friday", "sunrise": "06:28", "sunset": "17:47", "aqi": 85, "fx": "North Wind", "fl": "Level 4", "type": "Cloudy", "notice": "Sunny and cloudy, beware of ultraviolet radiation" }, { "date": "21", "high": "High temperature 22℃", "low": "Low temperature 15℃", "ymd": "2023-10-21", "week": "Saturday", "sunrise": "06:29", "sunset": "17:45", "aqi": 84, "fx": "Northeast Wind", "fl": "Level 2", "type": "Cloudy", "notice": "Sunny and cloudy, beware of ultraviolet radiation" }, { "date": "22", "high": "High temperature 20℃", "low": "Low temperature 13℃", "ymd": "2023-10-22", "week": "Sunday", "sunrise": "06:30", "sunset": "17:44", "aqi": 82, "fx": "Northeast wind", "fl": "Level 1", "type": "Cloudy", "notice": "Sunny and cloudy, beware of ultraviolet radiation" }, { "date": "23", "high": "High temperature 22℃", "low": "Low temperature 15℃", "ymd": "2023-10-23", "week": "Monday", "sunrise": "06:30", "sunset": "17:43", "aqi": 73, "fx": "Southeast wind", "fl": "Level 1", "type": "Sunny", "notice": "May you have a mood brighter than the sun" }, { "date": "24", "high": "High temperature 25℃", "low": "Low temperature 17℃", "ymd": "2023-10-24", "week": "Tuesday", "sunrise": "06:31", "sunset": "17:42", "aqi": 75, "fx": "Southeast wind", "fl": "Level 2", "type": "Sunny","notice": "May you have a mood brighter than the sun" }, { "date": "25", "high": "High temperature 23℃", "low": "Low temperature 16℃", "ymd": "2023-10-25", "week": "Wednesday", "sunrise": "06:32", "sunset": "17:41", "aqi": 75, "fx": "Southeast wind", "fl": "Level 2", "type": "Overcast", "notice": "Don't let the clouds block your good mood" }, { "date": "26", "high": "High temperature 24℃", "low": "Low temperature 17℃", "ymd": "2023-10-26", "week": "Thursday", "sunrise": "06:33", "sunset": "17:41", "aqi": 70, "fx": "North wind", "fl": "Level 2", "type": "Overcast", "notice": "It will be cloudy or sunny, so be careful of ultraviolet rays" }, { "date": "27", "high": "High temperature 25℃", "low": "Low temperature 18℃", "ymd": "2023-10-27", "week": "Friday", "sunrise": "06:33", "sunset": "17:40", "aqi": 65, "fx": "Northeast wind", "fl": "Level 2", "type": "Overcast", "notice": "Don't let the clouds block your good mood" }, { "date": "28", "high": "High temperature 25℃", "low": "Low temperature 19℃", "ymd": "2023-10-28", "week": "Saturday", "sunrise": "06:34", "sunset": "17:39", "aqi": 63, "fx": "Southeast wind", "fl": "Level 2", "type": "Overcast", "notice": "Don't let the dark clouds block your good mood" }, { "date": "29", "high": "High temperature 24℃", "low": "Low temperature 18℃", "ymd": "2023-10-29", "week": "Sunday", "sunrise": "06:35", "sunset": "17:38", "aqi": 61, "fx": "Southeast wind", "fl": "Level 2", "type": "Cloudy", "notice": "Don't let the clouds block your good mood" } ], "yesterday": { "date": "14", "high": "High temperature 24℃", "low": "Low temperature 13℃", "ymd": "2023-10-14", "week": "Saturday", "sunrise": "06:24", "sunset": "17:53", "aqi": 45, "fx": "West wind", "fl": "Level 2", "type": "Cloudy", "notice": "Between cloudy and sunny, beware of ultraviolet intrusion" } } } ``` After obtaining the date Json string, get the "sysTime1" value in Json and separate the value string into year, month, day, hour, minute and second. Through rtc.set_time_source() in the rtc library to set the real-time clock. Then use `time.localtime()` to get the date and time. After getting the weather Json string, parse the Json according to the information you need. Execute as follows: Interface 1 <ignore_js_op> <img style="cursor:pointer;" id="aimg_740761" aid="740761" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/201245gl3u4pl2spgb430s.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/201245gl3u4pl2spgb430s.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740761_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>4-1.jpg</strong> <em class="xg1">(5 MB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740761" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740761&handlekey=savephoto_740761">save to album</a> </p> <p class="xg1 y">2023-10-15 20:12 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> Date and time: <ignore_js_op> <img style="cursor:pointer;" id="aimg_740762" aid="740762" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/201249l148u0undttah881.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/201249l148u0undttah881.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740762_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>4-2.jpg</strong> <em class="xg1">(6.04 MB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740762" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740762&handlekey=savephoto_740762">save to album</a> </p> <p class="xg1 y">2023-10-15 20:12 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> Weather information: <ignore_js_op> <img style="cursor:pointer;" id="aimg_740763" aid="740763" src="/bbs/static/image/common/none.gif" onclick="zoom(this, this.getAttribute('zoomfile'), 0, 0, '0')" zoomfile="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/201253bw882zds846bwb6f.jpg" file="//bbs.eeworld.com.cn/data/attachment/forum/202310/15/201253bw882zds846bwb6f.jpg" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> <div class="tip tip_4 aimg_tip" id="aimg_740763_menu" style="position: absolute; display: none" disautofocus="true"> <div class="xs0"> <p><strong>4-3.jpg</strong> <em class="xg1">(6.03 MB, downloads: 0)</em></p> <p> <a href="javascript:;" class="loginf" >download attach</a> <a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_740763" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=740763&handlekey=savephoto_740763">save to album</a> </p> <p class="xg1 y">2023-10-15 20:12 上传</p> </div> <div class="tip_horn"></div> </div> </ignore_js_op> The code is as follows: ``` python import time import board import os import wifi import displayio import digitalio from adafruit_display_text import label from adafruit_bitmap_font import bitmap_font import rtc import ssl import socketpool import adafruit_requests Week = ("Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday") # Initialize the display display = board.DISPLAY # Control the screen display rotation angle display.rotation = 0 # Load font file font = bitmap_font.load_font("fonts/wenquanyi_10pt.pcf") title1 = "Follow me Phase 2 Task" text1 = "Task 4: Calendar & Clock (Required Task)\nComplete a perpetual calendar clock that can be updated via the Internet and display local weather information\nMatching device: Adafruit ESP32-S3 TFT Feat\nher" l1 = label.Label(font, text=title1, color=0x000080, x=50, y=10, background_color=0xF0F8FF, auto_refresh=True, line_spacing=1) l2 = label.Label(font, text=text1, color=0xF0F8FF, x=0, y=30 , line_spacing=0.8) l3 = label.Label(font, text="", color=0xF0F8FF, x=0, y=120) t1 = label.Label(font, text="", color=0xF0F8FF,) t2 = label.Label(font, text="", color=0xF0F8FF,) text_group = displayio.Group() text_group.append(l1) text_group.append(l2) text_group.append(l3) text_group.append(t1) text_group.append(t2) #Display text display.show(text_group) = digitalio.DigitalInOut(board.LED) led.direction = digitalio.Direction.OUTPUT button = digitalio.DigitalInOut(board.BUTTON) button.switch_to_input(pull=digitalio.Pull.UP) pool = socketpool.SocketPool(wifi.radio) l3.text = "Network connection..." wifi.radio.connect(os.getenv("WIFI_SSID"), os.getenv("WIFI_PASSWORD")) l3.text = "Press the Boot key to start the time and date demonstration" def GetNetworkTime(): timeAPi = "http://quan.suning.com/getSysTime.do" l2.text = "Getting network time..." requests = adafruit_requests.Session(pool, ssl.create_default_context()) response = requests.get(timeAPi) timejson = response.json() data = timejson['sysTime1'] year = int(data[0:4]) month = int(data[ 4:6]) day = int(data[6:8]) hour = int(data[8:10]) minute = int(data[10:12]) second = int(data[12:14]) crtc = rtc.RTC() crtc.datetime = time.localtime(time.mktime((year, month, day, hour, minute, second, 0, 0, 0))) # Set RTC time rtc.set_time_source(crtc) l2 .text = "Getting completed" time.sleep(0.5) l2.hidden = True def GetWeather(): weatherUrl = "http://t.weather.itboy.net/api/weather/city/101200101" requests = adafruit_requests.Session(pool, ssl.create_default_context()) response = requests.get(weatherUrl) l2.hidden = False = weather response.json() cityInfo = weather['cityInfo'] city_weather = weather['data'] forecast = city_weather['forecast'] dis_str = f"Current city: {cityInfo['parent']} {cityInfo['city' ]}" dis_str += '\nAir quality:'+city_weather['quality'] +" " +forecast[0]['type'] dis_str += "\nmost"+forecast[0]['high' ]+'most'+forecast[0]['low'] dis_str += "\nHumidity: "+city_weather['shidu'] dis_str += "\nPM2.5："+str(city_weather['pm25']) +' PM10：'+str(city_weather['pm10']) dis_str += "\nAttention!! "+forecast[0]['notice'] l2.text = dis_str status = False Step = 0 while True: if not button.value: if status == False: if Step == -1: Step = 0 pass elif Step == 0: GetNetworkTime() l3.text = "Press the Boot key to start the weather function demonstration" Step = 1 elif Step == 1: t1.hidden = True t2.hidden = True GetWeather() l3.text = "Press Boot key to return" Step = 2 elif Step == 2: l2.text = "Task 4: Calendar & Clock (Required Task)\nComplete a perpetual calendar clock that can be updated via the Internet and display local weather information\nMatch Device: Adafruit ESP32-S3 TFT Feat\nher" l3.text = "Press the Boot button to start the time and date demonstration" time.sleep(0.5) Step = -1 else: status = False led.value = status if Step == 1 : curtime = time.localtime() t1.scale = 3 t1.x = 40 t1.y = 40 t1.color = 0x000080 t1.text = f"{curtime.tm_hour}:{curtime.tm_min}:{curtime.tm_sec} " t2.scale = 2 t2.x = 10 t2.y = 80 t2.text = f"{curtime.tm_year}-{curtime.tm_mon}-{curtime.tm_mday} {Week[curtime.tm_wday]}" t1. hidden = False t2.hidden = False else: t1.hidden = True t2.hidden = True pass ``` # Experience Through this activity, I have a certain degree of understanding of the development board, and learned the built-in libraries and usage in CircuitPython. As well as the display and control of the screen. But the shortcoming is that I can't connect the temperature module and SD card module. I will continue to study and research in the future. At the same time, I also realized that my welding skills are poor, and I will not easily try the board in the future:fa-m18: :fa-m5: Through participating in this event, I understand the charm of the development board, which is small and exquisite but has unlimited possibilities, although only a small part of the functions are used. This inspires me to continue learning. Thanks to DigiKey and EEWorld

shazhongjin

There seems to be some problems with the video link and source code link in the article, so I have updated the link here.

Video content: [Digi-Key Electronics Follow me Issue 2] + Getting started with development boards - EEWORLD University

Source code sharing: [Digi-Key Electronics Follow me Issue 2] Task submission code - Embedded development related material download - EEWORLD Download Center

Jacktang

The source code link given by the host cannot be downloaded

Jacktang

shazhongjin

Jacktang published on 2023-10-23 19:55

There should be something wrong with my link. I tried this and it can be opened.

[Digi-Key Electronics Follow me Issue 2] Task submission code - Download related embedded development materials - EEWORLD Download Center