Giter Club home page Giter Club logo

aditya-a-garwal / arduino-tft-lcd-3-5-touch-calibration Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 0.0 546 KB

Program to calibrate 3.5" TFT LCD Touchscreen Displays (using ILI9486 Driver) with the Arduino UNO R3/R4 and MCUFRIEND Library

Home Page: https://dumblebots.com/2024/05/17/using-3-5-tft-lcd-display-with-ili9486-arduino-part-2-touch-calibration/

License: GNU General Public License v3.0

C 15.18% C++ 84.82%
arduino arduino-display arduino-shield arduino-uno arduino-uno-r3 arduino-uno-r4 arduino-uno-r4-wifi ili9486 lcd lcd-display

arduino-tft-lcd-3-5-touch-calibration's Introduction

Calibrate 3.5" TFT LCD Touchscreen With Arduino UNO R3/R4

GitHub License GitHub forks GitHub Repo stars GitHub issues GitHub closed issues GitHub pull requests GitHub closed pull requests GitHub Actions Workflow Status

Overview

This repository contains a program to calibrate a 3.5" touch screen display shield, as shown below -

Image of LCD Touch Shield from Top Image of LCD Touch Shield from Bottom

Most 3.5" TFT LCD Touch displays use the ILI9486 Display Driver and include a resistive touchscreen. The PCB Layout & silkscreen text may vary slightly between displays. This does not change their behaviour and functionality. This repository depends on the following libraries -

The program has been written using PlatformIO, and has been tested on the Arduino UNO R3, Arduino UNO R4 Minima & Arduino UNO R4 WiFi.

Tip

A detailed tutorial on how to use this repository with video demonstration is available at https://dumblebots.com/2024/05/17/using-3-5-tft-lcd-display-with-ili9486-arduino-part-2-touch-calibration/. The tutorial includes a comprehensive explanation of the code as well as the calibration process itself.

Building/Uploading With PlatformIO

Since this project has been written using PlatformIO by default, simply run the following commands to fetch the libraries, build the project and upload the program -

pio pkg install
pio run
pio run --target upload

Building/Uploading With Arduino IDE

Create a new sketch and copy the contents of src/main.cpp from this repository into the default .ino file. Create a new tab/file in the IDE named constants.h and copy the contents of src/constants.h from this repository into this file.

Install the Adafruit Touch Screen Library and Adafruit GFX Library from the Library Manager (under Sketch>Include Library>Manage Libraries...)

Download this repository as a ZIP file and install it by navigating to Sketch>Include Library>Add .ZIP Library, and selecting the downloaded file from the file explorer.

After this, you can Build and Upload the program as usual.

Calibrating the Touchscreen

Run the program given in this repository to calibrate the display. The display should print the values of 4 constants to the Serial Monitor. Copy and paste these values in src/constants.h to calibrate the touchscreen.

Using the Example

As soon as the program is uploaded, the display should turn black and a red crosshair should appear at the top-left corner of the screen.

Using the included plastic stylus, gently tap as close to the centre of the crosshair as possible. Life the stylus once the crosshair turns green. After this process is repeated 5 times, the crosshair should turn white.

The program repeats this process for all 4 corners, and reports 4 values on the Serial Monitor as well as the display upon completion, namely XBEGIN, XEND, YBEGIN and YEND. These values can be used along with the Adafruit Touch Screen Library to convert the coordinates from the touch screen library as follows -

// this snippet uses the Adafruit Touch Screen Library
// XP, YP, XM and YM are the pins used by the touchscreen
// 300 is the resistance across the screen in ohms

// create constants XBEGIN, XEND, YBEGIN and YEND according to the output from the calibration example

TouchScreen ts = TouchScreen(XP, YP, XM, YM, 300);
TSPoint p = ts.getPoint();

touchX = p.x; // Raw Horizontal Coordinate
touchY = p.y; // Raw Veritcal Coordinate

touchX = constrain(p.x, XBEGIN, XEND);
touchY = constrain(p.y, YBEGIN, YEND);

touchX = map(touchX, XBEGIN, XEND, 0, 319); // Horizontal Coordinate of Touch
touchX = map(touchX, XBEGIN, XEND, 479, 0); // Vertical Coordinate of Touch

Troubleshooting

Some common problems and their solutions -

Problem Solution
Display stays white after uploading program Non-Standard Driver (not ILI9486)
Display not responding after touch Try changing the order of the touch pins in src/constants.h file, i.e. swap the values of XP, YP, XM and YM
Compilation issues related to SPI Update the Arduino IDE version and/or install the SPI library
Display Flickering/Arduino is reset automatically Faulty Power Supply/Cable

arduino-tft-lcd-3-5-touch-calibration's People

Contributors

aditya-a-garwal avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.