Shield TFT 2,8" haute performance pour Arduino Nano – Écran SPI 320×240

Composants et fournitures

Composant	Quantité
Arduino Nano R3	1
Écran TFT SPI 2,8" 320×240	1
Shield TFT pour Arduino Nano	1

À propos du projet

Contexte

Les écrans couleur sont partout aujourd'hui. Beaucoup de makers aimeraient en intégrer un à leurs projets Arduino. Les écrans SPI 320×240 (2,8", 2,4", 3,2") sont abordables et pratiques : l'interface SPI utilise peu de broches et offre une bonne vitesse de rafraîchissement.

Le défi : adapter les niveaux logiques (3,3V/5V) lors de la connexion à un Arduino 5V. Pour simplifier, nous utilisons un Shield TFT dédié pour Arduino Nano (version allégée du shield pour Arduino Uno).

Caractéristiques du Shield TFT

• Dimensions : 64 × 49 mm
• Connecteur 30 broches pour Arduino Nano
• Connecteur 14 broches pour écran TFT 320×240 SPI (avec tactile)
• Emplacement carte microSD
• Connecteur pour module Bluetooth HC-06
• Connecteur 20 broches pour caméra OV7670 (et autres)
• Connecteur Mini USB + connecteur 2 broches pour alimentation 5V

Assemblage

Simple mais attention aux repères de broches avant montage.

Méthode 1 : Écran d'un côté du shield.

Méthode 2 : Écran de l'autre côté.

(Photos d'assemblage disponibles dans l'article original)

Après assemblage, installez la bibliothèque YATFT : github.com/YATFT/YATFT

Démo 1 : Graphismes et texte

Exemple utilisant texte, graphismes et écran tactile. Programmez d'abord le Nano séparément, puis assemblez.

// Exemple complet : texte, polices Adafruit, cercles, arcs, rectangles, lignes aléatoires, remplissage écran
#include 
#include 
#include 
#include 
#include 

YATFT tft(0);
uint32_t total_time;
uint16_t Color[4] = {BRIGHTBLUE, BRIGHTGREEN, BRIGHTRED, BRIGHTYELLOW};
uint16_t Gray[7] = {GRAY0, GRAY1, GRAY2, GRAY3, GRAY4, GRAY5, GRAY6};

void ClearScreen() { tft.SetColor(BLACK); tft.ClearDevice(); }
void PrintTotalTime() { total_time = millis() - total_time; Serial.print(total_time); Serial.println(" ms"); }

void setup() {
  Serial.begin(115200);
  Serial.println("Arduino TFT_shield Example 1!");
  tft.begin();
}

void loop() {
  // Démonstrations successives : polices, cercles, cercles pleins, arcs, biseaux, lignes aléatoires, remplissages écran
  // Voir code complet dans l'article original
}

Démo 2 : Écran tactile

Utilise la bibliothèque XPT2046_Touchscreen. Palette de couleurs tactiles en bas de l'écran, zone de dessin au centre, bouton « Clear screen » à droite.

#include 
#include 
#include 
#include 
#include 

#define CS_PIN A0
XPT2046_Touchscreen ts(CS_PIN, 255);
YATFT tft(0);
// ... code complet dans l'article original

Démo 3 : Jeu de logique « Columns »

Un clone de Columns jouable au tactile. Gestion des pièces, détection de lignes, scores, niveaux, records.

#include 
#include 
#include 
#include 
#include 
#include 
// ... code complet du jeu (long) dans l'article original

Vidéo de démonstration

À venir. Merci de votre attention !

Articles précédents :
1) Unique TFT Shield pour Arduino Uno - Démarrage
2) Unique TFT Shield pour Arduino Uno - OV7670 Cam Live View
3) Unique TFT Shield pour Arduino Uno - Arduino Bluetooth Camera (ABC)

Prochains articles :
4) Photos et vidéo RGB sur écran TFT SPI.

Mise à jour 01/04/2021 : Bibliothèque mise à jour pour une série d'écrans (2 shields + 2 breakout boards). Compilation selon version (1 à 4) et MCU (MegaAVR ou ESP32). Plus d'infos : github.com/Ekaburg/EkaTFT

Code / Bibliothèque

Bibliothèque YATFT : github.com/YATFT/YATFT