เริ่มต้นใช้งาน ESP32 Cheap Yellow Display (CYD): บอร์ดจอสัมผัสราคาประหยัด

// GPIO หลักที่ใช้สำหรับจอภาพและสัมผัส
#define TFT_MISO     19
#define TFT_MOSI     23
#define TFT_SCLK     18
#define TFT_CS       5
#define TFT_DC       27
#define TFT_RST      -1  // ไม่มีขา RST แยก (ใช้ EN แทน)

#define TOUCH_CS     -1  // ใช้ SPI เดียวกับจอภาพ
#define TOUCH_IRQ    16  // Touch interrupt

// GPIO ที่ใช้งานได้อื่นๆ
#define BUZZER       15
#define LED_BUILTIN  2   // ไฟ LED บนบอร์ด
#define BUTTON_1     0
#define BUTTON_2     35
#define BUTTON_3     14

1. เปิด Arduino IDE และไปที่ File → Preferences
2. ในช่อง "Additional Board Manager URLs" เพิ่ม:
   https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json
3. ไปที่ Tools → Board → Boards Manager
4. ค้นหา "esp32" และติดตั้ง "esp32 by Espressif Systems"

1. ไปที่ Sketch → Include Library → Manage Libraries
2. ค้นหา "TFT_eSPI"
3. ติดตั้งไลบรารี "TFT_eSPI" โดย Bodmer
4. สำคัญ: หลังติดตั้ง ต้องแก้ไข User Setup ดูขั้นตอนถัดไป

// ใน User_Setup_Select.h
#include <User_Setups/Setup25_TTGO_T_Display.h>

// ใน User_Setup.h

// ตั้งค่าให้ใช้กับ ESP32 CYD
#define ST7789_DRIVER
#define TFT_WIDTH  240
#define TFT_HEIGHT 320

#define TFT_MISO 19
#define TFT_MOSI 23
#define TFT_SCLK 18
#define TFT_CS    5
#define TFT_DC   27
#define TFT_RST  -1

#define LOAD_GLCD   // Font 1
#define LOAD_FONT2  // Font 2
#define LOAD_FONT4  // Font 4
#define LOAD_FONT6  // Font 6
#define LOAD_FONT7  // Font 7
#define LOAD_FONT8  // Font 8
#define LOAD_GFXFF  // FreeFonts

#define SMOOTH_FONT

1. เชื่อมต่อ ESP32 CYD เข้ากับคอมพิวเตอร์ด้วยสาย USB-C
2. ใน Arduino IDE: Tools → Board → esp32 → ESP32 Dev Module
3. เลือก Tools → Port (เลือกพอร์ตที่เชื่อมต่อ)
4. ตั้งค่าอื่นๆ:
   • Upload Speed: 921600
   • CPU Frequency: 240MHz (WiFi/BT)
   • Flash Frequency: 80MHz
   • Flash Mode: QIO
   • Partition Scheme: Default 4MB with spiffs (1.2MB APP/1.5MB SPIFFS)
5. กดปุ่ม Upload (→) หรือ Ctrl+U

#include <TFT_eSPI.h>
#include <SPI.h>

// สร้าง object สำหรับจอภาพ
TFT_eSPI tft = TFT_eSPI();

void setup() {
  // เริ่มต้น Serial Monitor (สำหรับ Debug)
  Serial.begin(115200);
  Serial.println("ESP32 CYD - Hello World");

  // เริ่มต้นจอภาพ
  tft.init();
  tft.setRotation(1);  // หมุนจอ 90 องศา (แนวนอน)
  tft.fillScreen(TFT_BLACK);  // เคลียร์หน้าจอสีดำ

  // แสดงข้อความ Hello World
  tft.setTextColor(TFT_WHITE, TFT_BLACK);  // ตัวอักษรสีขาว พื้นหลังสีดำ
  tft.setTextSize(2);  // ขนาดตัวอักษร

  // แสดงข้อความที่ตำแหน่งกลางจอ
  tft.drawString("Hello World!", 60, 100);
  tft.setTextSize(1);
  tft.drawString("ESP32 Cheap Yellow Display", 50, 130);
  tft.drawString("CynoIoT Platform", 80, 150);

  // วาดกรอบสี่เหลี่ยม
  tft.drawRect(10, 10, 220, 300, TFT_BLUE);
  tft.drawRect(12, 12, 216, 296, TFT_GREEN);

  Serial.println("Display initialized!");
}

void loop() {
  // วนลูปเพื่อกระพริบไฟ LED บนบอร์ด
  digitalWrite(LED_BUILTIN, HIGH);
  delay(1000);
  digitalWrite(LED_BUILTIN, LOW);
  delay(1000);
}

#include <TFT_eSPI.h>
#include <SPI.h>

TFT_eSPI tft = TFT_eSPI();

void setup() {
  Serial.begin(115200);
  tft.init();
  tft.setRotation(1);
  tft.fillScreen(TFT_BLACK);

  // แสดงข้อความให้ผู้ใช้กดจอสัมผัส
  tft.setTextColor(TFT_WHITE, TFT_BLACK);
  tft.setTextSize(2);
  tft.drawString("Touch Test", 70, 100);
  tft.setTextSize(1);
  tft.drawString("Touch anywhere!", 65, 130);

  Serial.println("Touch the screen...");
}

void loop() {
  // ตรวจสอบว่ามีการกดจอสัมผัสหรือไม่
  uint16_t x, y;
  if (tft.getTouch(&x, &y)) {
    // แปลงค่าพิกัดจากจอแนวตั้งเป็นแนวนอน
    // เนื่องจากเราใช้.setRotation(1)
    uint16_t temp = x;
    x = y;
    y = 240 - temp;

    Serial.print("Touch at: ");
    Serial.print(x);
    Serial.print(", ");
    Serial.println(y);

    // แสดงพิกัดที่กดบนจอ
    tft.fillScreen(TFT_BLACK);
    tft.setTextColor(TFT_GREEN, TFT_BLACK);
    tft.setTextSize(2);
    tft.drawString("X: " + String(x), 30, 100);
    tft.drawString("Y: " + String(y), 30, 130);

    // วาดวงกลมที่ตำแหน่งที่กด
    tft.fillCircle(x, y, 10, TFT_RED);

    delay(500);  // รอเล็กน้อยเพื่อป้องกันการตรวจสอบซ้ำ
  }
}

#include <TFT_eSPI.h>
#include <WiFi.h>
// #include <CynoIoT.h>  // ติดตั้งไลบรารี CynoIoT ก่อน

TFT_eSPI tft = TFT_eSPI();

// ตั้งค่า WiFi
const char* ssid = "YOUR_WIFI_SSID";
const char* password = "YOUR_WIFI_PASSWORD";

// ตั้งค่า CynoIoT
const char* deviceId = "YOUR_DEVICE_ID";
const char* apiKey = "YOUR_API_KEY";

// CynoIoT cynoiot(deviceId, apiKey);

void setup() {
  Serial.begin(115200);
  tft.init();
  tft.setRotation(1);
  tft.fillScreen(TFT_BLACK);

  // แสดงข้อความเชื่อมต่อ WiFi
  tft.setTextColor(TFT_WHITE, TFT_BLACK);
  tft.setTextSize(2);
  tft.drawString("Connecting...", 50, 100);

  // เชื่อมต่อ WiFi
  WiFi.begin(ssid, password);
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }

  Serial.println("\nWiFi connected!");
  tft.fillScreen(TFT_BLACK);
  tft.setTextColor(TFT_GREEN, TFT_BLACK);
  tft.drawString("WiFi Connected!", 40, 100);

  // เชื่อมต่อ CynoIoT
  // cynoiot.connect();
  // tft.drawString("CynoIoT Ready!", 50, 130);

  delay(2000);
}

void loop() {
  // อ่านค่าเซ็นเซอร์ (ตัวอย่าง: จำลองค่าอุณหภูมิ)
  float temperature = random(200, 300) / 10.0;
  float humidity = random(400, 800) / 10.0;

  // แสดงผลบนจอ
  tft.fillScreen(TFT_BLACK);
  tft.setTextColor(TFT_WHITE, TFT_BLACK);
  tft.setTextSize(2);
  tft.drawString("Temperature:", 30, 60);
  tft.drawString(String(temperature) + " C", 80, 90);
  tft.drawString("Humidity:", 50, 130);
  tft.drawString(String(humidity) + " %", 80, 160);

  // ส่งข้อมูลไป CynoIoT
  // cynoiot.send("temperature", temperature);
  // cynoiot.send("humidity", humidity);

  Serial.print("Temp: ");
  Serial.print(temperature);
  Serial.print(" C, Humidity: ");
  Serial.print(humidity);
  Serial.println(" %");

  delay(5000);  // ส่งข้อมูลทุก 5 วินาที
}