Mục lục:
- Bước 1: Những gì bạn sẽ cần
- Bước 2: Khởi động Visuino và chọn loại bảng M5 Stack Stick C
- Bước 3: Trong Visuino Đặt bảng StickC
- Bước 4: Trong Visuino Thêm thành phần
- Bước 5: Trong Visuino Set Components
- Bước 6: Trong các thành phần kết nối Visuino
- Bước 7: Tạo, biên dịch và tải lên mã Arduino
- Bước 8: Chơi
Video: M5StickC Đồng hồ trông tuyệt vời với menu và điều khiển độ sáng: 8 bước
2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:30
Trong hướng dẫn này, chúng ta sẽ học cách lập trình ESP32 M5Stack StickC với Arduino IDE và Visuino để hiển thị thời gian trên màn hình LCD và cũng có thể đặt thời gian và độ sáng bằng menu và các nút StickC.
Xem video trình diễn.
Bước 1: Những gì bạn sẽ cần
M5StickC ESP32: bạn có thể tải nó ở đây
Chương trình Visuino: Tải xuống Visuino
Lưu ý: Kiểm tra hướng dẫn này ở đây về cách cài đặt bảng StickC ESP32
Bước 2: Khởi động Visuino và chọn loại bảng M5 Stack Stick C
Khởi động Visuino như trong hình đầu tiên Nhấp vào nút "Công cụ" trên thành phần Arduino (Hình 1) trong Visuino Khi hộp thoại xuất hiện, chọn "M5 Stack Stick C" như hiển thị trên Hình 2
Bước 3: Trong Visuino Đặt bảng StickC
- Nhấp vào Bảng "M5 Stack Stick C" để chọn nó
- Trong cửa sổ "Thuộc tính", chọn "Mô-đun" và nhấp vào "+" để Mở rộng,
- Chọn "Display ST7735" và nhấp vào "+" để mở rộng nó,
- Đặt "Định hướng" thành "goRight"
- Đặt "Màu nền" thành "ClBlack"
- Chọn "Phần tử" và nhấp vào nút màu xanh lam có 3 dấu chấm…
- Hộp thoại Elements sẽ hiển thị
- Trong Hộp thoại Thành phần, kéo 2X "Trường Văn bản" từ bên phải sang bên trái
- Nhấp vào "Trường Văn bản1" ở phía bên trái để chọn nó, sau đó trong "Cửa sổ thuộc tính" nhấp vào "Màu" và đặt nó thành "aclOrange" và nhấp vào "Tô màu" và đặt nó thành "aclBlack" (Bạn có thể chơi với các màu nếu bạn muốn) - ngoài ra trong các cửa sổ thuộc tính được đặt X: 10 và Y: 20, đây là nơi bạn muốn hiển thị thời gian trên kích thước cài đặt LCD: 3 (đây là kích thước phông chữ của thời gian)
- Nhấp vào "Text Field2" ở phía bên trái để chọn nó, sau đó trong "Properties window", nhấp vào "Color" và đặt nó thành "aclAqua" và nhấp vào "Fill Color" và đặt nó thành "aclBlack"
(Bạn có thể chơi với các màu nếu bạn muốn) -đặt "Giá trị ban đầu" thành: Đặt GIỜ
-cũng trong các cửa sổ thuộc tính, đặt X: 10 và Y: 2, đây là nơi bạn muốn hiển thị menu trên màn hình LCD - kích thước thiết lập: 1 (đây là kích thước phông chữ của menu)
Đóng cửa sổ phần tử
- Nhấp vào Bảng "M5 Stack Stick C" để chọn nó
- Trong cửa sổ "Thuộc tính", chọn "Mô-đun" và nhấp vào "+" để Mở rộng,
- Chọn "Hiển thị Đồng hồ Báo thức Thời gian Thực (RTC)" và nhấp vào "+" để mở rộng,
- Chọn "Phần tử" và nhấp vào nút màu xanh lam có 3 dấu chấm…
- Trong Hộp thoại Thành phần, kéo "Đặt Giờ" từ bên phải sang bên trái và trong cửa sổ thuộc tính, đặt "Thêm Giá trị" thành: Đúng và "Giá trị" thành: 1
- Trong Hộp thoại Thành phần, kéo "Đặt phút" từ bên phải sang bên trái và trong cửa sổ thuộc tính, đặt "Thêm giá trị" thành: Đúng và "Giá trị" thành: 1
- Trong Hộp thoại Thành phần, kéo "Đặt thứ hai" từ bên phải sang bên trái và trong cửa sổ thuộc tính, đặt "Thêm giá trị" thành: Đúng và "Giá trị" thành: 1
Đóng cửa sổ phần tử
Bước 4: Trong Visuino Thêm thành phần
- Thêm thành phần 2x "Nút Debounce"
- Thêm thành phần "Nút lặp lại tự động"
- Thêm thành phần "Mảng văn bản"
- Thêm thành phần "Mảng tương tự"
- Thêm thành phần "Bộ đếm" 2x
- Thêm thành phần "Clock Demux (Công tắc nhiều kênh đầu ra)"
- Thêm thành phần "Giải mã (Phân tách) Ngày / Giờ"
- Thêm thành phần "FormattedText1"
Bước 5: Trong Visuino Set Components
- Chọn thành phần "FormattedText1" và trong cửa sổ "Thuộc tính", đặt "Văn bản" thành:% 0:% 1:% 2
- Nhấp đúp vào thành phần "FormattedText1" và trong hộp thoại Elements, kéo 3 lần "Phần tử văn bản" sang trái
- Chọn "TextElement1" ở phía bên trái và trong cửa sổ thuộc tính, đặt "Fill Character" thành: 0 và "Length" thành: 2
- Chọn "TextElement2" ở phía bên trái và trong cửa sổ thuộc tính, đặt "Fill Character" thành: 0 và "Length" thành: 2
- Chọn "TextElement3" ở phía bên trái và trong cửa sổ thuộc tính, đặt "Fill Character" thành: 0 và "Length" thành: 2
- Chọn thành phần "ClockDemmux1" và trong cửa sổ thuộc tính, đặt "Ghim đầu ra" thành: 5
- Chọn thành phần "Counter1" và trong cửa sổ thuộc tính, hãy mở rộng "Max" và đặt "Value" thành: 4
- Chọn thành phần "Counter1" và trong cửa sổ thuộc tính, hãy mở rộng "Min" và đặt "Value" thành: 0
- Chọn thành phần "Counter2" và trong cửa sổ thuộc tính, hãy mở rộng "Max" và đặt "Value" thành: 6
- Chọn thành phần "Counter2" và trong cửa sổ thuộc tính, mở rộng "Min" và đặt "Value" thành: 0 XÂY DỰNG MENU:
- Chọn thành phần "Array1" (Mảng văn bản) và nhấp đúp vào nó.-Trong cửa sổ phần tử kéo 4X "Giá trị" sang phía bên trái-Ở phía bên trái Chọn "Mục [1]" và trong cửa sổ thuộc tính đặt "Giá trị" sang: ĐẶT GIỜ-Ở phía bên trái Chọn "Mục [2]" và trong cửa sổ thuộc tính đặt "Giá trị" thành: ĐẶT PHÚT-Ở phía bên trái Chọn "Mục [3]" và trong cửa sổ thuộc tính, đặt "Giá trị" to: SET SECONDS-Ở phía bên trái Chọn "Item [4]" và trong cửa sổ thuộc tính, đặt "Value" thành: SET BRIGHTNESĐóng cửa sổ Elements. ĐẶT GIÁ TRỊ CHO BRIGHTNESS:
-
Chọn thành phần "Array2" (Mảng tương tự) và nhấp đúp vào nó.-Trong cửa sổ phần tử, kéo 6X "Giá trị" sang phía bên trái-Ở phía bên trái Chọn "Mục [0]" và trong cửa sổ thuộc tính đặt "Giá trị" đến 1
-Ở phía bên trái Chọn "Mục [1]" và trong cửa sổ thuộc tính đặt "Giá trị" thành: 0.9
-Ở phía bên trái Chọn "Mục [2]" và trong cửa sổ thuộc tính đặt "Giá trị" thành: 0.8-Ở phía bên trái Chọn "Mục [3]" và trong cửa sổ thuộc tính đặt "Giá trị" thành: 0,7-Bật phía bên trái Chọn "Mục [4]" và trong cửa sổ thuộc tính đặt "Giá trị" thành: 0,6-Ở phía bên trái Chọn "Mục [5]" và trong cửa sổ thuộc tính đặt "Giá trị" thành: 0,55
Bước 6: Trong các thành phần kết nối Visuino
- Kết nối "M5 Stack Stick C" chân A (M5) với chân "Button2" [In]
- Kết nối chân "M5 Stack Stick C" [B] với chân "Button1" [In]
- Kết nối pin "Button2" [Out] với "RepeatButton1" pin [In]
- Kết nối pin "RepeatButton1" [Out] với "ClockDemmux1" pin [In]
- Kết nối chân "Button1" [Ra] với chân "Bộ đếm1" [Vào]
- Kết nối chân "M5 Stack Stick C"> "Đồng hồ báo thức thời gian thực (RTC)" [Ra] với chân "DecodeDateTime1" [Trong]
- Kết nối "DecodeDateTime1" pin [Giờ] với "FormattedText1"> "TextElement1" pin [In]
- Kết nối "DecodeDateTime1" pin [Minute] với "FormattedText1"> "TextElement2" pin [In]
- Kết nối "DecodeDateTime1" pin [Second] với "FormattedText1"> "TextElement3" pin [In]
- Kết nối chân "FormattedText1" [Out] với bảng "M5 Stack Stick C"> "Display ST7735"> chân "Text Field1" [In]
- Kết nối chân "Bộ đếm1" [Ra] với chân "ClockDemmux1" [Chọn] và với chân "Mảng1" [Chỉ mục]
- Kết nối chân "Counter2" [Out] với "Array2" pin [Index]
- Kết nối chân "Array1" [Out] với bảng "M5 Stack Stick C"> chân "Display ST7735"> "Text Field2" [In]
- Kết nối chân "Array2" [Out] với bảng "M5 Stack Stick C"> "Display ST7735"> pin [Độ sáng]
- Kết nối chân "ClockDemmux1" [1] với bảng "M5 Stack Stick C"> "Đồng hồ báo thức thời gian thực (RTC)"> chân "Đặt giờ 1" [Đồng hồ]
- Kết nối chân "ClockDemmux1" [2] với bảng "M5 Stack Stick C"> "Đồng hồ báo thức thời gian thực (RTC)"> chân "Đặt phút1" [Đồng hồ]
- Kết nối chân "ClockDemmux1" [3] với bảng "M5 Stack Stick C"> "Đồng hồ báo thức thời gian thực (RTC)"> chân "Đặt giây1" [Đồng hồ]
- Kết nối chân "ClockDemmux1" [4] với chân "Counter2" [In]
Bước 7: Tạo, biên dịch và tải lên mã Arduino
Trong Visuino, ở dưới cùng nhấp vào Tab "Xây dựng", đảm bảo rằng cổng chính xác được chọn, sau đó nhấp vào nút "Biên dịch / Xây dựng và Tải lên".
Bước 8: Chơi
Nếu bạn cấp nguồn cho mô-đun M5Sticks, màn hình sẽ bắt đầu hiển thị thời gian. Bạn có thể thay đổi thời gian và độ sáng bằng cách sử dụng các nút "B" để hiển thị Menu và chuyển đổi giữa (Đặt Giờ, Đặt Phút, Đặt Giây, Đặt Độ sáng) và sử dụng nút "M5" để cài đặt.
Xin chúc mừng! Bạn đã hoàn thành dự án M5Sticks của mình với Visuino. Ngoài ra đính kèm là dự án Visuino, mà tôi đã tạo cho Có thể hướng dẫn này, bạn có thể tải xuống tại đây. Bạn có thể tải xuống và mở nó trong Visuino:
Đề xuất:
Động cơ bước Điều khiển động cơ bước Động cơ bước - Động cơ bước như một bộ mã hóa quay: 11 bước (có hình ảnh)
Động cơ bước Điều khiển động cơ bước Động cơ bước | Động cơ bước như một bộ mã hóa quay: Có một vài động cơ bước nằm xung quanh và muốn làm điều gì đó? Trong Có thể hướng dẫn này, hãy sử dụng động cơ bước làm bộ mã hóa quay để điều khiển vị trí của động cơ bước khác bằng vi điều khiển Arduino. Vì vậy, không cần phải quảng cáo thêm, chúng ta hãy
ESP8266 RGB LED STRIP Điều khiển WIFI - NODEMCU làm điều khiển từ xa hồng ngoại cho dải đèn Led được điều khiển qua Wi-Fi - Điều khiển điện thoại thông minh RGB LED STRIP: 4 bước
ESP8266 RGB LED STRIP Điều khiển WIFI | NODEMCU làm điều khiển từ xa hồng ngoại cho dải đèn Led được điều khiển qua Wi-Fi | Điều khiển bằng điện thoại thông minh RGB LED STRIP: Xin chào các bạn trong hướng dẫn này, chúng ta sẽ học cách sử dụng gật đầu hoặc esp8266 làm điều khiển từ xa IR để điều khiển dải LED RGB và Nodemcu sẽ được điều khiển bằng điện thoại thông minh qua wifi. Vì vậy, về cơ bản bạn có thể điều khiển DÂY CHUYỀN LED RGB bằng điện thoại thông minh của mình
Bộ vi điều khiển AVR. Điều chế độ rộng xung. С bộ điều khiển động cơ DC và cường độ ánh sáng LED.: 6 bước
Bộ vi điều khiển AVR. Điều chế độ rộng xung. Bộ điều khiển của Động cơ DC và Cường độ ánh sáng LED: Xin chào mọi người! Điều chế độ rộng xung (PWM) là một kỹ thuật rất phổ biến trong viễn thông và điều khiển điện năng. nó thường được sử dụng để điều khiển công suất cấp cho thiết bị điện, cho dù đó là động cơ, đèn LED, loa, v.v. Về cơ bản, nó là một modu
Điều khiển các thiết bị điện của bạn bằng Điều khiển từ xa Tv (Điều khiển từ xa) với Màn hình nhiệt độ và độ ẩm: 9 bước
Điều khiển thiết bị điện của bạn bằng Điều khiển từ xa Tv (Điều khiển từ xa) Có Hiển thị nhiệt độ và độ ẩm: xin chào, tôi là Abhay và đây là blog đầu tiên của tôi về Các thiết bị điện và hôm nay tôi sẽ hướng dẫn bạn cách điều khiển các thiết bị điện bằng điều khiển từ xa bằng cách xây dựng cái này dự án đơn giản. cảm ơn atl lab đã hỗ trợ và cung cấp tài liệu
Bánh răng chuyển động tuyệt vời được điều khiển bởi các nút tuyệt vời (sẽ tiếp tục): 9 bước
Bánh răng chuyển động tuyệt vời được điều khiển bằng các nút tuyệt vời (sẽ tiếp tục): Thiết kế trò chơi điện tử / vật lý cho UCLA Design Media Arts với Eddo Stern. Hướng dẫn này không đầy đủ. Dự án vẫn đang được tiến hành