Difference between revisions of "ESP32 TFT LCD with Camera(3.5'')"

From MakerFabsWiki
Jump to: navigation, search
Line 57: Line 57:
 
1. You can get the code from here: '''[https://github.com/Makerfabs/Project_Touch-Screen-Camera Core]'''<br>
 
1. You can get the code from here: '''[https://github.com/Makerfabs/Project_Touch-Screen-Camera Core]'''<br>
 
2. Open the file “\Project_Touch-Screen-Camera-master\touch_draw_v2\touch_draw_v2.ino”. Select the screen type used and comment out the ones that are not used.<br>
 
2. Open the file “\Project_Touch-Screen-Camera-master\touch_draw_v2\touch_draw_v2.ino”. Select the screen type used and comment out the ones that are not used.<br>
 +
<pre>
 +
//Choice your touch IC
 +
#define ESP32_SDA 26
 +
#define ESP32_SCL 27
  
 +
//#define NS2009_TOUCH  //Resistive screen driver
 +
#define FT6236_TOUCH    //Capacitive screen driver
 +
</pre>
 +
3. Verify it and upload.<br>
 +
[[File:MakePython ESP32_2.JPG|700px]]<br>
 +
If failed to upload the code as the picture, please upload again and try to press the Flash switch when the code is uploading.<br>
 +
[[File:MakePython ESP32_2.JPG|700px]]<br>
 +
4. Reset the ESP32 and you will get the drawing board.<br>
 +
[[File:MakePython ESP32_2.JPG|700px]]<br>
  
 +
===Display the picture===
  
Connect MakePython ESP32 to your computer through an USB cable, follow the steps:<br>
+
1. You can get the code from here:'''[https://github.com/Makerfabs/Project_Touch-Screen-Camera Core]'''<br>
*Tools > Board and select the esp32:
+
2. Open the file “\Project_Touch-Screen-Camera-master\SD2TFT\SD2TFT.ino”. Choose the screen type and modify the code.<br>
 +
3. Verify and upload the code, you will get a digital photo frame.<br>
 
[[File:MakePython ESP32_2.JPG|700px]]<br>
 
[[File:MakePython ESP32_2.JPG|700px]]<br>
*Go to Tools > Serial and select the com port your ESP is connected to(download the USB driver at: [https://www.silabs.com/products/development-tools/software/usb-to-uart-bridge-vcp-drivers CP210x USB])<br>
 
*Press the Connect button to establish a serial communication with your board.<br>
 
[[File:MakePython ESP32_3.JPG|700px]]<br>
 
  
===MakePython ESP32 Projects===
+
===Camera===
 
 
Project_1: Ultrasonic Ranging<br>
 
 
 
We use the HC-SR04 Module at:<br>
 
https://www.makerfabs.com/hc-sr04-ultrasonic-range-measurement-module.html<br>
 
[[File:MakePython ESP32_4.JPG|700px]]<br>
 
*Sensor Connection<br>
 
*Connect the simple sensor to ESP32 boards as following:<br>
 
{| cellspacing="0" cellpadding="5" border="1"
 
|-
 
| align="center" width="150" | '''HC-SR04 Pins'''
 
| align="center" width="200" | '''MakePython ESP32 Pins'''
 
 
 
|- style="font-size: 90%"
 
| align="center" | VCC
 
| align="center" | 5V
 
|- style="font-size: 90%"
 
| align="center" | Trig
 
| align="center" | IO13
 
|- style="font-size: 90%"
 
| align="center" | Echo
 
| align="center" | IO12
 
|- style="font-size: 90%"
 
| align="center" | GND
 
| align="center" | GND
 
|}
 
 
 
Connect MakePython ESP32 to your computer through an USB cable.<br>
 
*Download the ssd1306.py and hcsr04.py driver library from here:[https://github.com/Makerfabs/Makepython-ESP32 Code]<br>
 
*File > open and select the ssd1306.py and hcsr04.py<br>
 
[[File:MakePython ESP32_5.JPG|700px]]<br>
 
*Click on the right to DownloadAndRun [[File:MakePython ESP32_6.JPG|20px]]<br>
 
*Download the sample code: [https://github.com/Makerfabs/Makepython-ESP32 hc_sr04.py]<br>
 
*File > open and select the hc_sr04.py, then click DownloadAndRun<br>
 
Show:<br>
 
[[File:MakePython ESP32_7.JPG|700px]]<br>
 
  
 +
1. You can get the code from here: '''[https://github.com/Makerfabs/Project_Touch-Screen-Camera Core]'''<br>
 +
2. Open the file “\Project_Touch-Screen-Camera-master\Camera_v2\Camera_v2.ino”. Choose the screen type and modify the code.<br>
 +
3. Verify and upload the code, you will get a camera.<br>
 +
[[File:MakePython ESP32_2.JPG|700px]]<br>
  
Project_2:  Web Server Control LED<br>
 
  
1.Connect LED<br>
 
 
Connect the long LED pin to the end of the 330R resistor, the other end of the resistance is connected to 3.3v,the short pin of the LED lamp is connected to the IO5 of ESP32. As follows:<br>
 
[[File:MakePython ESP32_8.JPG|500px]]<br>
 
 
2.Connect WiFi<br>
 
 
Click to download the [https://github.com/Makerfabs/Makepython-ESP32 Socket_LED.py] file.<br>
 
open the file and modify the 'SSID' and 'PASSWORD' to local WIF and password:<br>
 
<pre>
 
SSID = "Makerfabs"    #Modify here with SSID
 
PASSWORD = "20160704"  #Modify here with PWD
 
</pre>
 
[[File:MakePython ESP32_9.JPG|700px]]<br>
 
 
After saving and clicking run, you can see network config, followed by the IP/netmask/gw/DNS address of the interface:<br>
 
 
[[File:MakePython ESP32_10.JPG|700px]]<br>
 
 
 
3.control LED<br>
 
 
 
Enter the IP address printed from the serial port in any browser, with any computer in the same WIFI, to control the LED on/off:<br>
 
 
[[File:MakePython ESP32_11.JPG|700px]]<br>
 
 
 
When you click 'ON' with the mouse, the LED will turn on, and when you click off, the LED will turn off:<br>
 
 
 
[[File:MakePython ESP32_12.JPG|600px]]<br>
 
  
 
== FAQ  ==
 
== FAQ  ==
You can list your questions here or contact with '''support@makerfabs.com''' for technology support.
+
You can list your question here or contact support@makerfabs.com for technology support. Detailed descriptions of your question will be helped to solve your question.<br>
 
 
 
== Resources ==
 
== Resources ==
 
*[https://www.makerfabs.com/wiki/images/f/f9/MakePython_ESP32_V1.1.pdf  v1.1 Schematic]
 
*[https://www.makerfabs.com/wiki/images/f/f9/MakePython_ESP32_V1.1.pdf  v1.1 Schematic]
 
*[https://www.makerfabs.com/desfile/files/esp32-wroom-32_datasheet_en.pdf ESP32 wroom datasheet]
 
*[https://www.makerfabs.com/desfile/files/esp32-wroom-32_datasheet_en.pdf ESP32 wroom datasheet]
 
*[https://www.makerfabs.com/desfile/files/esp32-wrover_datasheet_en.pdf ESP32 wrover datasheet]
 
*[https://www.makerfabs.com/desfile/files/esp32-wrover_datasheet_en.pdf ESP32 wrover datasheet]

Revision as of 07:10, 15 September 2020

ATTATION!
The product isn't on the shelves yet!
Wiki not complete!



Introduction

The ESP32 Touch Camera use ILI9488 screen, which comes with resistive or capacitive screens. Hava an OV2640 camera and SD card slot. It can be used as a webcam, an electronic album, or a digital camera. Support for Arduino and MicroPython.

Model: MAKT32

Error creating thumbnail: File with dimensions greater than 12.5 MP

Features

  • Integrated ESP32 Wrover 2.4G WiFi and Bluetooth
  • Wi-Fi Protocols: 802.11b/g/n(802.11n up to 150Mbps),A-MPDU and A-MSDU aggregation and 0.4us guard interval support
  • Wi-Fi Frequency range: 2.402GHz - 2.483Ghz
  • Bluetooth Protocols: Bluetooth v4.2 BR/EDR and BLE specification
  • Bluetooth Radio: NZIF receiver with-97 dBm sensitivity, Class-1/class-2 and class-3 transmitter, AFH
  • Bluetooth Audio: CVSD and SBC
  • Arduino Compatible: You can play it with Arduino IDE
  • OV2640: A 1/4inch CMOS UXGA (1632*1232) image sensor manufactured by OmniVision
  • OV2640 supports output images up to 2 million pixels
  • LCD 3.5 inch Amorphous-TFT-LCD (Thin Film Transistor Liquid Crystal Display) for mobile-phone or handy electrical equipment
  • LCD Driver: ILI9488
  • LCD Resolution: 320*480
  • NS2009: A 4-wire resistive touch screen control circuit with I2C interface, which contains A 12-bit resolution A/D converter
  • FT6X36 Series ICs are single-chip capacitive touch panel controller IC with a built-in 16 bit enhanced Micro-controller unit (MCU)
  • Power supply: 5V, Type-C USB
  • Micro SD card slot on the board


Pin Definitions

MakePython ESP32 1.JPG
Notice:
①IO34, IO35, IO36, IO39 input only.
②GPIO12 is internally pulled high in the module and is not recommended for use as a touch pin.

Usage

Warning: Don't operate when in power supply on
Github:Makepython-ESP32

Software setup

1.Install the ESP32 boards supporting

  • Note After Arduino IDE installed, there is no package to support ESP32, we need to install the ESP32 package in Arduino IDE to continue.
  • Select “File>Preferences>settings>Additional Boards Manager URLs” to fill the link: [1]

MakePython ESP32 2.JPG

  • Click “Tools>Board>Boards Manager” to search for and install the ESP32 library:
     

MakePython ESP32 2.JPG
2.Select and setting the parameter in the Tools menu, as the picture
MakePython ESP32 2.JPG
3.Install Adafruit GFX library
Click “Tools> Manager Libraries” to search for and install Adafruit GFX library.
MakePython ESP32 2.JPG

Draw on LCD

1. You can get the code from here: Core
2. Open the file “\Project_Touch-Screen-Camera-master\touch_draw_v2\touch_draw_v2.ino”. Select the screen type used and comment out the ones that are not used.

//Choice your touch IC
#define ESP32_SDA 26
#define ESP32_SCL 27

//#define NS2009_TOUCH   //Resistive screen driver
#define FT6236_TOUCH    //Capacitive screen driver

3. Verify it and upload.
MakePython ESP32 2.JPG
If failed to upload the code as the picture, please upload again and try to press the Flash switch when the code is uploading.
MakePython ESP32 2.JPG
4. Reset the ESP32 and you will get the drawing board.
MakePython ESP32 2.JPG

Display the picture

1. You can get the code from here:Core
2. Open the file “\Project_Touch-Screen-Camera-master\SD2TFT\SD2TFT.ino”. Choose the screen type and modify the code.
3. Verify and upload the code, you will get a digital photo frame.
MakePython ESP32 2.JPG

Camera

1. You can get the code from here: Core
2. Open the file “\Project_Touch-Screen-Camera-master\Camera_v2\Camera_v2.ino”. Choose the screen type and modify the code.
3. Verify and upload the code, you will get a camera.
MakePython ESP32 2.JPG


FAQ

You can list your question here or contact support@makerfabs.com for technology support. Detailed descriptions of your question will be helped to solve your question.

Resources