Unboxing Makerfabs ESP32-S3 Parallel TFT Display with Touch

June 04, 2023 0 comentários
Share:


Makerfabs sent me this cute little 480x480 ESP32 based touch screen display. I am going to use this screen to create a touch panel for my home automation system.
In this video, I am going to unbox and show you guys how to program and use this cute little touchscreen, with the help of some examples.


Unboxing


You can order this touch-screen from www.Makerfabs.com. Makerfabs have a pretty good range of electronic products listed on their website.
In this video, I am going to show you guys the 4 inch ESP32 based 480x480 touchscreen display.
The screen is "pretty cheap" and is absolutely worth buying. The products website has reference Wiki, Datasheets and GitHub Resources. I found these resources very helpful while setting up the screen with my computer.

So, this is what came in the mailbag. Let's open the box and see what's inside.
Inside the box is a 4" ESP32 based Capacitive IPS Touchscreen display, a 16GB MicroSD card and a 3ohm 4w very loud speaker.


Specifications

  • Controller: ESP32-S3-WROOM-1, PCB Antenna, 16MB Flash, 8MB PSRAM, ESP32-S3-WROOM-1-N16R8
  • Wireless: WiFi & Bluetooth 5.0
  • LCD: 4.0 inch High Lightness IPS, 480*480
  • FPS: >50
  • LCD interface: RGB 5/6/5+ SPI, ST7701S
  • Touch Panel: 5 Points Touch, Capacitive
  • Touch Panel Driver: GT911
  • USB: Dual USB Type-C(one for USB-to-UART and one for native USB)
  • USB to UART Chip: CP2104
  • Audio: MAX98357A
  • Power Supply: USB Type-C 5.0V(4.0V~5.25V);3.7V Lipo battery
  • Button: Flash button and reset button
  • Mabee interface: 1*I2C;1*GPIO
  • MicroSD: Yes
  • Arduino support: Yes
  • Operation temperature: -40deg to +85deg

Closer Look


Let's have a closer look at the Display.
The display comes with a 3ohm 4w plug and play speaker. The sound quality is pretty decent.
The rest of the specifications are all listed on the screen.


Now, let's have a look at the back of the display.
The display comes with a ESP32 MCU with WiFi & Bluetooth capability, it comes with a 16GB MicroSD card, it also has a Lipo battery socket and charger port (support any 3.7v lipo battery), the USB Type-C connector makes this product ideal for any IoT applications, electronic photo frames, home automation etc.

Alright, let's plug in the USB cable and let's see if the screen comes preloaded with anything.
Hang on, did I just see spongebob? ha ha..
As you can see the screen is very responsive and the default application displays the X and Y coordinates of touch on the bottom right hand corner of the screen.


Board Setup


Before uploading your sketch, you need to install the "ESP32 Board Software Development Kit" in your Arduino IDE.

  • Open the Arduino IDE, go to File > Preferences
  • Enter the URL displayed on-screen to the “Additional Board Manager URLs” field:  http://arduino.esp8266.com/stable/package_esp8266com_index.json
  • Then, click the "OK" button.
  • Now, go to the "Board Manager" and search for "ESP32" and press the install button for the “ESP32 by Espressif Systems“
  • Then go to Tools > Board > ESP32 Arduino and select the "ESP32S3 Dev Module" from the list of boards
  • Then go through all the additional board configs and make sure they all align with what you see onscreen. Remember, different PCs have different Serial COM Ports. So, the one on your machine may not be the   same as what you see onscreen.


Install Libraries


Next we need to install a few Arduino Libraries for our demo sketches.
Go to Sketch > Include Library > Manage Library and wait for the Library Manager to load the list of available libraries.
Then one by one add the following libraries:

1. TAMC_GT911 : please install version 1.0.2
2. TFT_eSPI
3. lv_examples
4. GFX_Library_for_Arduino : please install version 1.3.1
5. Install MF_Lvgl library : form the link provided in the description below

 
After loading the libraries please go ahead and download the "ESP32-S3-Parallel-TFT-with-Touch-4inch" examples from GitHub. I have provided the link in the description below. Once downloaded, extract the "Examples" folder to a location of your choice and then one by one load the examples to the onboard ESP32 microcontroller.


LvglWidgets


The first sketch that I am loading to the board is the "LvglWidgets demo".
Go to the "LvglWidgets" folder inside the "Examples" folder, open the "LvglWidgets.ino" file and load the sketch to the microcontroller.
Once loaded, this is what you see on the display.


LVGL FPS Test


The second example that I am going to show you guys is the "LVGL FPS Test".
Go to the "FPS_test" folder inside the "Examples" folder, open the "FPS_test.ino" file and load the sketch to the microcontroller.
For this example, you need to have the "Arduino_GFX_Library" pre-installed on your machine.
Once loaded, this is what you see on the display. Down at the bottom left hand corner you see the frames per seconds.


PDQgraphicstest


The next example is one of my favorite ones.
Go to the "PDQgraphicstest" folder inside the "Examples" folder, open the "PDQgraphicstest.ino" file and load the sketch to the microcontroller.
Once loaded, this is what you see on the display.
Have a look at the things you can do using this cute little display.
Graphs, menu items, tabs, checkboxes, calendars and more. The possibilities are endless.


Music Electronic Music Frame



This cute little screen can also be used for creating a Musical Photo-Frame.
The images and the audio files are stored on the attached MicroSD card and displayed using the 4" TFT display.
You can download the code and the libraries from the links provided in the description below.


I am going to use this screen to create a touch panel for my home automation system. I will cover that up in my upcoming video. All in all, this is an absolutely masterpiece. The best thing is, if you have any issues using this screen, there is tech team to provide you with valuable technical support. Email: techsupport@makerfabs.com

Uses

  • Music player near to your bed
  • An alarm clock
  • Musical photo frame
  • Touch panel for home automation system

Thanks

 
 
Thanks again for checking my post. I hope it helps you.
If you want to support me subscribe to my YouTube Channel: https://www.youtube.com/user/tarantula3


Other Links:
  • ESP32-S3-Parallel-Examples: Download
  • ESP32 Board Software Development Kit: http://arduino.esp8266.com/stable/package_esp8266com_index.json
  • Display Datasheet: Visit
  • ESP32-S3 Datasheet: Visit
  • MF_Lvgl library: Download
  • Makerfabs Wiki: Visit
  • How To Install ESP32 Board: Visit


Support My Work

  • BTC:   1Hrr83W2zu2hmDcmYqZMhgPQ71oLj5b7v5
  • LTC:   LPh69qxUqaHKYuFPJVJsNQjpBHWK7hZ9TZ
  • DOGE:  DEU2Wz3TK95119HMNZv2kpU7PkWbGNs9K3
  • ETH:   0xD64fb51C74E0206cB6702aB922C765c68B97dCD4
  • BAT:   0x9D9E77cA360b53cD89cc01dC37A5314C0113FFc3
  • LBC:   bZ8ANEJFsd2MNFfpoxBhtFNPboh7PmD7M2
  • COS:   bnb136ns6lfw4zs5hg4n85vdthaad7hq5m4gtkgf23 Memo: 572187879
  • BNB:   0xD64fb51C74E0206cB6702aB922C765c68B97dCD4
  • MATIC: 0xD64fb51C74E0206cB6702aB922C765c68B97dCD4

Thanks, ca gain in my next tutorial.


Tags
----
ESP32-S3 Parallel TFT with Touch ST7701, Demo of LVGL/ Music E-Album, ESP32-S3 TFT Touch, Electronic Music Frame, DIY ESP32-S3,SquareLine Demo, MaTouch, Makerfabs MaTouch, squareline, SquareLine UI Creator, ESP32-S3 Capacitive IPS Touch, ST7701, ESP32, LovyanGFX, TAMC_GT911, TFT_eSPI, lv_examples, lv_demo, Makerfabs, esp32 project,
Marcadores:
Share:

No comments

Subscribe to: Post Comments ( Atom )