Arduino:Примеры/TFTPong - История изменений

EducationBot в 08:38, 8 июля 2023

2023-07-08T08:38:27Z

← Предыдущая версия		Версия от 12:38, 8 июля 2023
Строка 309:		Строка 309:

	<references />		<references />
			{{Навигационная таблица/Портал/Arduino}}

EducationBot в 14:20, 14 мая 2023

2023-05-14T14:20:30Z

← Предыдущая версия		Версия от 18:20, 14 мая 2023
Строка 43:		Строка 43:
	Чтобы использовать экран, подключаем библиотеки '''SPI''' и '''TFT'''.		Чтобы использовать экран, подключаем библиотеки '''SPI''' и '''TFT'''.

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	#include <SPI.h>		#include <SPI.h>
	#include <TFT.h>		#include <TFT.h>
Строка 50:		Строка 50:
	Определяем контакты, которые будут использоваться для управления экраном, а затем создаем экземпляр класса '''TFT''' под названием '''TFTscreen'''. Будем обращаться к этому объекту каждый раз при работе с экраном.		Определяем контакты, которые будут использоваться для управления экраном, а затем создаем экземпляр класса '''TFT''' под названием '''TFTscreen'''. Будем обращаться к этому объекту каждый раз при работе с экраном.

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	#define cs 10		#define cs 10
	#define dc 9		#define dc 9
Строка 60:		Строка 60:
	Задаем переменные для текущих и предыдущих координат ('''X''' и '''Y''') платформы и мяча, а также для направления полета мяча.		Задаем переменные для текущих и предыдущих координат ('''X''' и '''Y''') платформы и мяча, а также для направления полета мяча.

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	int paddleX = 0;		int paddleX = 0;
	int paddleY = 0;		int paddleY = 0;
Строка 72:		Строка 72:
	В блоке setup() инициализируем дисплей и очищаем фон экрана.		В блоке setup() инициализируем дисплей и очищаем фон экрана.

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	void setup() {		void setup() {
	TFTscreen.begin();		TFTscreen.begin();
Строка 81:		Строка 81:
	Секция loop() начинается с создания переменных, хранящих ширину и высоту экрана. Далее считываем данные с потенциометров и приспосабливаем их к необходимому диапазону.		Секция loop() начинается с создания переменных, хранящих ширину и высоту экрана. Далее считываем данные с потенциометров и приспосабливаем их к необходимому диапазону.

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	void loop() {		void loop() {
	int myWidth = TFTscreen.width();		int myWidth = TFTscreen.width();
Строка 92:		Строка 92:
	Задаем фоновый цвет (черный) и стираем предыдущую позицию платформы (если она сдвинулась).		Задаем фоновый цвет (черный) и стираем предыдущую позицию платформы (если она сдвинулась).

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	TFTscreen.fill(0,0,0);		TFTscreen.fill(0,0,0);

Строка 102:		Строка 102:
	Делаем цвет заливки белым, а затем рисуем платформу.		Делаем цвет заливки белым, а затем рисуем платформу.

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	TFTscreen.fill(255,255,255);		TFTscreen.fill(255,255,255);
	TFTscreen.rect(paddleX, paddleY, 20, 5);		TFTscreen.rect(paddleX, paddleY, 20, 5);
Строка 109:		Строка 109:
	Сохраняем текущую позицию платформы как предыдущую, чтобы мы могли свериться с ней при следующем проходе через цикл.		Сохраняем текущую позицию платформы как предыдущую, чтобы мы могли свериться с ней при следующем проходе через цикл.

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	oldPaddleX = paddleX;		oldPaddleX = paddleX;
	oldPaddleY = paddleY;		oldPaddleY = paddleY;
Строка 118:		Строка 118:
	Для обновления позиции мяча воспользуемся пользовательской функцией moveBall().		Для обновления позиции мяча воспользуемся пользовательской функцией moveBall().

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	if (millis() % ballSpeed < 2) {		if (millis() % ballSpeed < 2) {
	moveBall();		moveBall();
Строка 127:		Строка 127:
	Она работает следующим образом – просто стирает предыдущую позицию мяча, а затем рисует новую. Кроме того, в этой же функции проверяется, не вылетел ли мячик за пределы экрана, и если вылетел, то направление его полета реверсируется. Кроме того, здесь же вызывается вторая пользовательская функция этого скетча – inPaddle() – в которой проверяется, не пересекаются ли позиции мяча и платформы.		Она работает следующим образом – просто стирает предыдущую позицию мяча, а затем рисует новую. Кроме того, в этой же функции проверяется, не вылетел ли мячик за пределы экрана, и если вылетел, то направление его полета реверсируется. Кроме того, здесь же вызывается вторая пользовательская функция этого скетча – inPaddle() – в которой проверяется, не пересекаются ли позиции мяча и платформы.

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	void moveBall() {		void moveBall() {
	if (ballX > TFTscreen.width() \|\| ballX < 0) {		if (ballX > TFTscreen.width() \|\| ballX < 0) {
Строка 158:		Строка 158:
	То есть, в функции inPaddle() проверяется, не занимают ли платформа и мяч одно и то же место в пространстве. Если да, то она возвращает значение TRUE, благодаря чему направление полета мяча реверсируется, как если бы он ударился о край экрана.		То есть, в функции inPaddle() проверяется, не занимают ли платформа и мяч одно и то же место в пространстве. Если да, то она возвращает значение TRUE, благодаря чему направление полета мяча реверсируется, как если бы он ударился о край экрана.

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	boolean inPaddle(int x, int y, int rectX, int rectY, int rectWidth, int rectHeight) {		boolean inPaddle(int x, int y, int rectX, int rectY, int rectWidth, int rectHeight) {
	boolean result = false;		boolean result = false;
Строка 172:		Строка 172:
	Весь код полностью – ниже:		Весь код полностью – ниже:

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	/*		/*
	Игра в Pong на TFT-экране Arduino		Игра в Pong на TFT-экране Arduino

Myagkij: Замена текста — «» на «»

2016-12-13T17:26:23Z

Замена текста — «<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS">» на «<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">»

Новая страница

{{Arduino панель перехода}}
{{Перевод от Сubewriter}}
{{Myagkij-редактор}}

==Вариация Pong на TFT-экране<ref>[https://www.arduino.cc/en/Tutorial/TFTPong Arduino - TFT Pong]</ref>==

[[File:GLCD_PongDemosm.png]]

Этот скетч является примитивной вариацией игры '''Pong''' с использованием '''TFT'''-экрана '''Arduino'''.

В коде создается два объекта: прямоугольная платформа, способная двигаться в двух направлениях (по осям '''X''' и '''Y'''), а также мячик, способный отскакивать от этой платформы и от краев экрана. Позиция платформы управляется двумя потенциометрами (или другими аналоговыми сенсорами).

Кроме того, этот пример демонстрирует использование так называемого '''«обнаружения столкновений»''' объектов на экране, а также то, как быстро обновить изображения без необходимости стирать весь экран при каждом проходе через loop().

==Необходимое оборудование==

* Плата '''Arduino Uno''';
* '''TFT'''-экран '''Arduino''';
* Макетная плата '''Breadboard''';
* Провода-перемычки
* Два потенциометра на '''10 кОм''';

==Цепь==

Подключите контакты с питанием и '''«землей»''' к макетной плате.

[[File:GLCD_pong1.png]]

Подключите оба потенциометра к макетной плате: их боковые контакты к '''«земле»''' и питанию, а центральные – '''к 0-ому и 1-ому''' аналоговым контактам.

[[File:GLCD_pong2.png]]

Подключите '''TFT'''-экран к макетной плате. Подключить его нужно той стороной, где находятся стрелочка и маленькая голубая полоска. Также обратите внимание на ориентацию экрана. На этих рисунках он подсоединен вверх тормашками.

[[File:GLCD_pong3.png]]

Контакты '''BL''' и '''+5V''' подключите к питанию, а '''GND''' – к '''«земле»'''. '''CS-LD''' подключите к '''10-ому''' контакту, '''DC''' – к '''9-ому''', '''RESET''' – к '''8-ому''', '''MOSI''' – к '''11-ому''', а '''SCK''' – к '''13-ому'''. В случае с '''Leonardo''' вам надо будет использовать другие контакты, читайте об этом на странице о '''TFT'''-экране или в коде ниже.

[[File:GTFT_pong_large.png|750px]]

==Код==

Чтобы использовать экран, подключаем библиотеки '''SPI''' и '''TFT'''.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
#include <SPI.h>
#include <TFT.h>
</syntaxhighlight>

Определяем контакты, которые будут использоваться для управления экраном, а затем создаем экземпляр класса '''TFT''' под названием '''TFTscreen'''. Будем обращаться к этому объекту каждый раз при работе с экраном.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
#define cs 10
#define dc 9
#define rst 8

TFT TFTscreen = TFT(cs, dc, rst);
</syntaxhighlight>

Задаем переменные для текущих и предыдущих координат ('''X''' и '''Y''') платформы и мяча, а также для направления полета мяча.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
int paddleX = 0;
int paddleY = 0;
int oldPaddleX, oldPaddleY;
int ballDirectionX = 1;
int ballDirectionY = 1;

int ballX, ballY, oldBallX, oldBallY;
</syntaxhighlight>

В блоке setup() инициализируем дисплей и очищаем фон экрана.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
void setup() {
TFTscreen.begin();
TFTscreen.background(0,0,0);
}
</syntaxhighlight>

Секция loop() начинается с создания переменных, хранящих ширину и высоту экрана. Далее считываем данные с потенциометров и приспосабливаем их к необходимому диапазону.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
void loop() {
int myWidth = TFTscreen.width();
int myHeight = TFTscreen.height();

paddleX = map(analogRead(A0), 0, 1023, 0, myWidth) - 20/2;
paddleY = map(analogRead(A1), 0, 1023, 0, myHeight) - 5/2;
</syntaxhighlight>

Задаем фоновый цвет (черный) и стираем предыдущую позицию платформы (если она сдвинулась).

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
TFTscreen.fill(0,0,0);

if (oldPaddleX != paddleX || oldPaddleY != paddleY) {
TFTscreen.rect(oldPaddleX, oldPaddleY, 20, 5);
}
</syntaxhighlight>

Делаем цвет заливки белым, а затем рисуем платформу.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
TFTscreen.fill(255,255,255);
TFTscreen.rect(paddleX, paddleY, 20, 5);
</syntaxhighlight>

Сохраняем текущую позицию платформы как предыдущую, чтобы мы могли свериться с ней при следующем проходе через цикл.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
oldPaddleX = paddleX;
oldPaddleY = paddleY;
</syntaxhighlight>

В конце блока loop() используем значение из переменной '''ballSpeed''', чтобы определить, как быстро будет обновляться дисплей. Кроме того, разобравшись с этим примером, вы можете добавить еще один потенциометр и менять скорость обновления дисплея уже с его помощью, да еще и в реальном времени.

Для обновления позиции мяча воспользуемся пользовательской функцией moveBall().

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
if (millis() % ballSpeed < 2) {
moveBall();
}
}
</syntaxhighlight>

Она работает следующим образом – просто стирает предыдущую позицию мяча, а затем рисует новую. Кроме того, в этой же функции проверяется, не вылетел ли мячик за пределы экрана, и если вылетел, то направление его полета реверсируется. Кроме того, здесь же вызывается вторая пользовательская функция этого скетча – inPaddle() – в которой проверяется, не пересекаются ли позиции мяча и платформы.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
void moveBall() {
if (ballX > TFTscreen.width() || ballX < 0) {
ballDirectionX = -ballDirectionX;
}
if (ballY > TFTscreen.height() || ballY < 0) {
ballDirectionY = -ballDirectionY;
}
if (inPaddle(ballX, ballY, paddleX, paddleY, 20, 5)) {
ballDirectionY = -ballDirectionY;
}

ballX += ballDirectionX;
ballY += ballDirectionY;

TFTscreen.fill(0,0,0);

if (oldBallX != ballX || oldBallY != ballY) {
TFTscreen.rect(oldBallX, oldBallY, 5, 5);
}

TFTscreen.fill(255,255,255);
TFTscreen.rect(ballX, ballY, 5, 5);

oldBallX = ballX;
oldBallY = ballY;
}
</syntaxhighlight>

То есть, в функции inPaddle() проверяется, не занимают ли платформа и мяч одно и то же место в пространстве. Если да, то она возвращает значение TRUE, благодаря чему направление полета мяча реверсируется, как если бы он ударился о край экрана.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
boolean inPaddle(int x, int y, int rectX, int rectY, int rectWidth, int rectHeight) {
boolean result = false;

if ((x >= rectX && x <= (rectX + rectWidth)) &&
(y >= rectY && y <= (rectY + rectHeight))) {
result = true;
}
return result;
}
</syntaxhighlight>

Весь код полностью – ниже:

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
/*
Игра в Pong на TFT-экране Arduino

Этот пример для TFT-экрана Arduino считывает данные
от двух потенциометров, чтобы перемещать по осям X и Y
прямоугольную платформу. Эта платформа может взаимодействовать
с мячиком – ударяясь о нее, он будет отскакивать и лететь дальше.

Этот пример кода не защищен авторским правом.

Создан в декабре 2012 Томом Иго (Tom Igoe),
модифицирован 15 апреля 2013 Скоттом Фитцджеральдом (Scott Fitzgerald).

http://www.arduino.cc/en/Tutorial/TFTPong
*/

#include <TFT.h> // библиотека для TFT-экрана Arduino
#include <SPI.h>

// Определяем контакты для Arduino Uno:
#define cs 10
#define dc 9
#define rst 8

// Определяем контакты для Arduino Leonardo (раскомментируйте, чтобы использовать):
// #define cs 7
// #define dc 0
// #define rst 1

TFT TFTscreen = TFT(cs, dc, rst);

// Переменные для позиции мяча и платформы, а также для направления полета мяча:
int paddleX = 0;
int paddleY = 0;
int oldPaddleX, oldPaddleY;
int ballDirectionX = 1;
int ballDirectionY = 1;

int ballSpeed = 10; // чем ниже это число, тем быстрее скорость мячика

int ballX, ballY, oldBallX, oldBallY;

void setup() {
// Инициализируем дисплей:
TFTscreen.begin();
// Делаем экран черным:
TFTscreen.background(0, 0, 0);
}

void loop() {

// Сохраняем ширину и высоту экрана:
int myWidth = TFTscreen.width();
int myHeight = TFTscreen.height();

// Подстраиваем позицию платформы к позициям потенциометров:
paddleX = map(analogRead(A0), 512, -512, 0, myWidth) - 20 / 2;
paddleY = map(analogRead(A1), 512, -512, 0, myHeight) - 5 / 2;

// Делаем цвет заливки черным и стираем предыдущую позицию платформы,
// если ее новые координаты отличаются от предыдущих:
TFTscreen.fill(0, 0, 0);

if (oldPaddleX != paddleX || oldPaddleY != paddleY) {
TFTscreen.rect(oldPaddleX, oldPaddleY, 20, 5);
}

// Рисуем платформу и сохраняем ее текущие координаты как предыдущие:
TFTscreen.fill(255, 255, 255);

TFTscreen.rect(paddleX, paddleY, 20, 5);
oldPaddleX = paddleX;
oldPaddleY = paddleY;

// Обновляем позицию мяча и рисуем его на экране:
if (millis() % ballSpeed < 2) {
moveBall();
}
}

// Эта функция определяет позицию мяча на экране:
void moveBall() {
// Если мячик улетает за пределы экрана, реверсируем направление его полета:
if (ballX > TFTscreen.width() || ballX < 0) {
ballDirectionX = -ballDirectionX;
}

if (ballY > TFTscreen.height() || ballY < 0) {
ballDirectionY = -ballDirectionY;
}

// Проверяем, не занимают ли мячик и платформа одно и то же место на экране:
if (inPaddle(ballX, ballY, paddleX, paddleY, 20, 5)) {
ballDirectionX = -ballDirectionX;
ballDirectionY = -ballDirectionY;
}

// Обновляем позицию мяча:
ballX += ballDirectionX;
ballY += ballDirectionY;

// Стираем предыдущую позицию мяча:
TFTscreen.fill(0, 0, 0);

if (oldBallX != ballX || oldBallY != ballY) {
TFTscreen.rect(oldBallX, oldBallY, 5, 5);
}

// Рисуем текущую позицию мяча:
TFTscreen.fill(255, 255, 255);
TFTscreen.rect(ballX, ballY, 5, 5);

oldBallX = ballX;
oldBallY = ballY;

}

// Эта функция проверяет, не пересекаются ли позиции мяча и платформы:
boolean inPaddle(int x, int y, int rectX, int rectY, int rectWidth, int rectHeight) {
boolean result = false;

if ((x >= rectX && x <= (rectX + rectWidth)) &&
(y >= rectY && y <= (rectY + rectHeight))) {
result = true;
}

return result;
}
</syntaxhighlight>

== См.также==

==Внешние ссылки==

<references />