아두이노 나노용 고성능 2.8" TFT 실드 – 320×240 SPI 디스플레이

부품 및 소모품

아두이노 나노 R3 (Arduino Nano R3)	×1
2.8" TFT SPI 320x240 디스플레이	×1
아두이노 나노용 TFT 실드	×1

프로젝트 소개

배경 이야기

컬러 디스플레이를 본 적 없는 사람은 거의 없을 것입니다. 많은 분들이 아두이노 프로젝트에 컬러 디스플레이를 사용해보았거나 하고 싶어 합니다. 요즘은 해상도, 화면 크기, 인터페이스별로 다양한 디스플레이가 저렴하게 보급되어 있습니다. 여기서는 SPI 인터페이스, 320×240 해상도, 2.8인치(2.4인치, 3.2인치도 가능) 대각선 크기의 디스플레이에 초점을 맞춥니다.

SPI 인터페이스는 신호선이 적어 마이크로컨트롤러 연결에 편리하고, 속도도 빨라 화면 업데이트가 빠릅니다. 장점이 많지만, 5V 전원의 아두이노 보드에 연결할 때 로직 레벨 변환이 필요하다는 불편함이 있습니다. 아두이노 나노에 SPI 디스플레이를 빠르고 쉽게 연결하기 위해 TFT 실드를 사용합니다.

이 실드는 아두이노 우노용 TFT 실드의 두 번째(경량, 나노용) 버전입니다.

TFT 실드 간단 사양

• 보드 크기: 64×49 mm
• 아두이노 나노 연결용 30핀 커넥터
• 터치스크린 포함 TFT 디스플레이 320×240 SPI 연결용 14핀 커넥터
• 마이크로SD 카드 커넥터
• 블루투스 모듈(HC-06) 커넥터
• 카메라 OV7670 등 연결용 20핀 커넥터
• 미니 USB 커넥터 및 별도 2핀 5V 전원 커넥터

조립

보드 조립은 매우 간단하지만, 설치 전 접점 표시를 꼭 확인하세요.

1. 아두이노 나노 보드를 사진과 같이 장착합니다.
2. 디스플레이를 연결합니다. 보드 한 쪽(방법 1)이나 다른 쪽(방법 2) 모두 가능.
3. 미니 USB 케이블로 전원 연결.

방법 1

방법 2

조립 후 스케치 업로드 전, TFT 실드용 라이브러리를 설치해야 합니다. 라이브러리 위치: https://github.com/YATFT/YATFT

데모 1: 그래픽과 텍스트

텍스트, 그래픽, 터치스크린 작업 예제입니다. 편의를 위해 아두이노 나노를 별도로 프로그래밍 후 조립하는 것을 권장하지만, 조립 후 프로그래밍도 가능합니다.

스케치 코드 (YATFT2, Adafruit_GFX, Adafruit 폰트 라이브러리 사용)

// 주요 기능:
// - 폰트 출력 데모 (기본, FreeSerif9pt7b, FreeSerifItalic24pt7b, FreeSans24pt7b)
// - 원 그리기 (DrawCirc)
// - 채워진 원/사각형 그리기 (DrawFillCirc, DrawFillRect)
// - 호 그리기 (DrawArc)
// - 베벨 그리기 (DrawFillBevel)
// - 랜덤 선 1000개 그리기
// - 화면 채우기 10회 반복 성능 테스트

스크린샷:

데모 2: 터치스크린

XPT2046 터치스크린 컨트롤러 라이브러리를 사용한 터치 입력 데모입니다. 화면 하단의 색상 바를 터치하면 그리기 색상이 변경되고, 화면 영역을 터치하면 해당 색상으로 점을 그립니다. 우측 하단 'Clear screen' 영역을 터치하면 화면이 지워집니다.

스크린샷:

데모 3: 로직 게임 "Columns"

테트리스 스타일의 낙하 블록 게임 "Columns" 구현입니다. 터치스크린으로 좌/우 이동, 스왑, 빠른 낙하 조작이 가능합니다. 레벨별 속도 증가, 점수/기록 시스템, 데모 모드 포함.

스크린샷:

데모 영상

계속 업데이트 예정입니다. 관심 가져주셔서 감사합니다!

이전 글:

1. 아두이노 우노용 유니크 TFT 실드 - 시작
2. 아두이노 우노용 유니크 TFT 실드 - OV7670 캠 라이브 뷰
3. 아두이노 우노용 유니크 TFT 실드 - 아두이노 블루투스 카메라 (ABC)

다음 글:

1. TFT SPI 디스플레이에 사진 및 RGB 비디오 표시

업데이트 2021.04.01:

업데이트된 라이브러리가 출시되었습니다. 현재 2종 실드와 2종 브레이크아웃 보드 시리즈로 구성되며, 선택한 버전(1~4)과 마이크로컨트롤러 유형(MegaAVR 또는 ESP-32)에 따라 스케치가 컴파일됩니다. 사진과 예제 추가. 자세한 내용: https://github.com/Ekaburg/EkaTFT

코드

라이브러리: https://github.com/YATFT/YATFT

회로도

실드 보드 레이아웃으로 회로도 대체