Vẽ trực tiếp lên OLED 0.96″ bằng smartphone: Lạ mà dễ!

Biến chiếc màn hình OLED tí hon thành “bảng vẽ điện tử” điều khiển không dây từ điện thoại. Bạn có thể vẽ nét, xóa, phát wifi trực tiếp từ ESP32 mà không cần cài thêm app phức tạp.

1. Các Tính Năng Nổi Bật

• Giao diện WebCanvas mượt mà: Truy cập trực tiếp qua trình duyệt web trên điện thoại (Chrome/Safari), không cần cài ứng dụng.

• Điều khiển không dây linh hoạt: Kết nối qua Wifi Access Point do ESP32 tự phát (hoặc kết nối chung mạng Wifi gia đình).

• Hiển thị thời gian thực (Real-time): Nét vẽ trên cảm ứng điện thoại phản hồi tức thì lên màn hình OLED.

• Công cụ vẽ cơ bản: Hỗ trợ chỉnh độ dày nét vẽ, vẽ tự do, vẽ hình cơ bản (tròn, vuông) và nút xóa màn hình (Clear Canvas).

2. Danh Sách Linh Kiện Cần Chuẩn Bị

3. Sơ Đồ Đấu Nối Cụ Thể

⚡

Sơ Đồ Đấu Nối (Pinout Diagram)

📌 ESP32-Classic

📌 ESP32-C3 Supermini

🔹 Màn hình OLED 0.96" SSD1306:

🔹 ĐỐI VỚI ESP32-C3 Supermini

Cổng GNDNối vào chân Ground

Cổng VCCNối vào chân 3.3V

Cổng SCLNối vào chân GPIO5

Cổng SDANối vào chân GPIO6

🔹 ĐỐI VỚI ESP32-Classic (CP2102,CH340,...)

Cổng GNDNối vào chân Ground

Cổng VCCNối vào chân 3.3V

Cổng SCLNối vào chân GPIO22

Cổng SDANối vào chân GPIO21

⚠️ (Lưu ý: Cấp đúng nguồn để tránh làm hỏng mạch).

4. Quy Trình Thực Hiện Từng Bước

• Bước 1: Kết nối Wi-Fi Mở cài đặt Wi-Fi trên điện thoại và chọn kết nối với mạng Wi-Fi hiển thị trên màn hình OLED.

• Bước 2: Truy cập giao diện điều khiển Mở trình duyệt web (Safari, Chrome,…) và nhập địa chỉ IP hiển thị trên màn hình OLED (hoặc nhập mặc định: 192.168.4.1).

• Bước 3: Thao tác vẽ và điều khiển

  • Vẽ hình: Sử dụng khung vẽ ở giữa màn hình điện thoại để phác thảo; hình ảnh sẽ đồng bộ và hiển thị trực tiếp lên màn hình OLED 0.96 inch.

  • Xóa màn hình: Nhấn nút “Clear All” khi muốn xóa toàn bộ nội dung đã vẽ để bắt đầu lại.

5. Video thực tế

Chúc các bạn thành công!