fix(ws-s3-touch): Fix display size/offset and color order (#479)

* fix(ws-s3-touch): Fix display size/offset and color order

* readme: update

Author: finger563

components/ws-s3-touch/example/README.md

@@ -7,6 +7,9 @@ display. It also plays a sound when you touch the screen using the buzzer on the
 system, and it changes the frequency of the sound based on the position of the
 touch.
 
+<img width="1260" height="949" alt="image" src="https://github.com/user-attachments/assets/06403f4d-ffe4-4ed8-8eca-f6d1d85a878c" />
+
+Older images from when the color / size was incorrectly set:
 <img width="1260" height="949" alt="image" src="https://github.com/user-attachments/assets/17e8def4-0d64-4e9e-8cee-dc2753a657a6" />
 <img width="1260" height="949" alt="image" src="https://github.com/user-attachments/assets/512ca611-1ab0-4941-b4a3-4ef22d65e567" />
 
@@ -37,6 +40,9 @@ See the Getting Started Guide for full steps to configure and use ESP-IDF to bui
 
 <img width="777" height="604" alt="CleanShot 2025-07-13 at 22 01 56" src="https://github.com/user-attachments/assets/02ea3513-7af9-43bb-96e4-10706f31f831" />
 
+<img width="1260" height="949" alt="image" src="https://github.com/user-attachments/assets/06403f4d-ffe4-4ed8-8eca-f6d1d85a878c" />
+
+Older images from when the color / size was incorrectly set:
 <img width="1260" height="949" alt="image" src="https://github.com/user-attachments/assets/17e8def4-0d64-4e9e-8cee-dc2753a657a6" />
 <img width="1260" height="949" alt="image" src="https://github.com/user-attachments/assets/512ca611-1ab0-4941-b4a3-4ef22d65e567" />
 

components/ws-s3-touch/include/ws-s3-touch.hpp

@@ -314,7 +314,8 @@ class WsS3Touch : public BaseComponent {
 
   // LCD
   static constexpr size_t lcd_width_ = 240;
-  static constexpr size_t lcd_height_ = 320;
+  static constexpr size_t lcd_height_ =
+      280; // NOTE: the display is actually 320x240, but only 280px are visible
   static constexpr size_t lcd_bytes_per_pixel = 2;
   static constexpr int lcd_clock_speed = 60 * 1000 * 1000;
   static constexpr auto lcd_spi_num = SPI2_HOST;
@@ -331,7 +332,9 @@ class WsS3Touch : public BaseComponent {
   static constexpr bool mirror_x = false;
   static constexpr bool mirror_y = false;
   static constexpr bool swap_xy = false;
-  static constexpr bool swap_color_order = true;
+  static constexpr bool swap_color_order = false;
+  static constexpr size_t offset_x = 0;
+  static constexpr size_t offset_y = (320 - lcd_height_) / 2; // center the display vertically
 
   // sound
   static constexpr size_t buzzer_default_frequency_hz = 5000;

components/ws-s3-touch/src/video.cpp

@@ -86,6 +86,8 @@ bool WsS3Touch::initialize_lcd() {
       .reset_value = reset_value,
       .invert_colors = invert_colors,
       .swap_color_order = swap_color_order,
+      .offset_x = offset_x,
+      .offset_y = offset_y,
       .swap_xy = swap_xy,
       .mirror_x = mirror_x,
       .mirror_y = mirror_y});