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

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

2023-07-08T08:38:24Z

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

	<references />		<references />
			{{Навигационная таблица/Портал/Arduino}}
	[[Категория:Пример]]		[[Категория:Пример]]
	[[Категория:Примеры]]		[[Категория:Примеры]]
	[[Категория:Пример программирования Arduino]]		[[Категория:Пример программирования Arduino]]
	[[Категория:Примеры программирования Arduino]]		[[Категория:Примеры программирования Arduino]]

EducationBot в 14:20, 14 мая 2023

2023-05-14T14:20:29Z

← Предыдущая версия		Версия от 18:20, 14 мая 2023
Строка 45:		Строка 45:
	Чтобы использовать экран, подключаем библиотеки '''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>
Строка 52:		Строка 52:
	Определяем контакты, которые будем использовать для управления экраном, а затем создаем экземпляр класса '''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
Строка 62:		Строка 62:
	Задаем позицию курсора, т.е. его координаты по осям '''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 xPos = LCDscreen.width()/2;		int xPos = LCDscreen.width()/2;
	int yPos = LCDscreen.height()/2;		int yPos = LCDscreen.height()/2;
Строка 71:		Строка 71:
	В секции 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() {
	pinMode(erasePin, INPUT);		pinMode(erasePin, INPUT);
Строка 81:		Строка 81:
	Считываем данные с потенциометров, а затем подгоняем их к более коротким диапазонам.		Считываем данные с потенциометров, а затем подгоняем их к более коротким диапазонам.

	<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()
	{		{
Строка 93:		Строка 93:
	Чтобы курсор не убегал за пределы экрана, воспользуемся несколькими операторами if(). Сделаем это перед тем, как рисовать точку-курсор.		Чтобы курсор не убегал за пределы экрана, воспользуемся несколькими операторами if(). Сделаем это перед тем, как рисовать точку-курсор.

	<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(xPos > 159){		if(xPos > 159){
	(xPos = 159);		(xPos = 159);
Строка 115:		Строка 115:
	Наконец, проверяем кнопку. Если она нажата и дает значение HIGH, очищаем экран при помощи функции background().		Наконец, проверяем кнопку. Если она нажата и дает значение HIGH, очищаем экран при помощи функции background().

	<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(digitalRead(erasePin) == HIGH){		if(digitalRead(erasePin) == HIGH){
	TFTscreen.background(0,0,0);		TFTscreen.background(0,0,0);
Строка 126:		Строка 126:
	Весь код полностью – ниже:		Весь код полностью – ниже:

	<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">
	/*		/*
	Рисование белой точкой-курсором на TFT-экране Arduino		Рисование белой точкой-курсором на TFT-экране Arduino

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

2016-12-13T19:53:11Z

Замена текста — «<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-редактор}}

==Рисование белой точкой-курсором на TFT-экране Arduino<ref>[https://www.arduino.cc/en/Tutorial/TFTEtchASketch Arduino - TFT EtchASketch]</ref>==

[[File:GLCD_EtchSketchDemosm.png]]

Этот пример для '''TFT'''-экрана '''Arduino''' рисует на нем белую линию, беря за основу значения от двух потенциометров. При нажатии на кнопку нарисованное стирается.

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

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

==Цепь==

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

[[File:GLCD_sketch1.png]]

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

[[File:GLCD_sketch2.png]]

Кнопку поместите в центре макетной платы. Один ее конец подключите к питанию, а другой – ко '''2-ому''' цифровому контакту '''Arduino'''. Тот же контакт подключите к '''«земле»''' через стягивающий '''10 кОм'''овый резистор.

[[File:GLCD_sketch3.png]]

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

[[File:GLCD_sketch4.png]]

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

[[File:GTFT_sketch_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 xPos = LCDscreen.width()/2;
int yPos = LCDscreen.height()/2;

int erasePin = 2;
</syntaxhighlight>

В секции setup() объявляем этот контакт входным, а затем инициализируем дисплей и очищаем фон экрана.

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

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

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
void loop()
{
int xValue = analogRead(A0);
int yValue = analogRead(A1);

xPos = xPos + (map(xValue, 0, 1023, 2, -2));
yPos = yPos + (map(yValue, 0, 1023, -2, 2));
</syntaxhighlight>

Чтобы курсор не убегал за пределы экрана, воспользуемся несколькими операторами if(). Сделаем это перед тем, как рисовать точку-курсор.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
if(xPos > 159){
(xPos = 159);
}

if(xPos < 0){
(xPos = 0);
}
if(yPos > 127){
(yPos = 127);
}

if(yPos < 0){
(yPos = 0);
}

TFTscreen.stroke(255,255,255);
TFTscreen.point(xPos,yPos);
</syntaxhighlight>

Наконец, проверяем кнопку. Если она нажата и дает значение HIGH, очищаем экран при помощи функции background().

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
if(digitalRead(erasePin) == HIGH){
TFTscreen.background(0,0,0);
}

delay(33);
}
</syntaxhighlight>

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

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
/*
Рисование белой точкой-курсором на TFT-экране Arduino

Этот пример для TFT-экрана Arduino рисует на дисплее белую линию,
беря за основу данные от двух потенциометров. Чтобы очистить экран,
нажмите на кнопку, подсоединенную ко 2-ому цифровому контакту.

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

Создан 15 апреля 2013 Скоттом Фитцджеральдом (Scott Fitzgerald).

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

#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 xPos = TFTscreen.width() / 2;
int yPos = TFTscreen.height() / 2;

// Контакт для кнопки, которая будет стирать экран:
int erasePin = 2;

void setup() {
// Объявляем контакт для кнопки входным:
pinMode(erasePin, INPUT);
// Инициализируем экран:
TFTscreen.begin();
// Делаем фон черным:
TFTscreen.background(0, 0, 0);
}

void loop() {
// Считываем данные с потенциометров, подключенных к 0-ому и 1-ому аналоговым контактам:
int xValue = analogRead(A0);
int yValue = analogRead(A1);

// Подстраиваем диапазоны значений и обновляем позицию точки-курсора:
xPos = xPos + (map(xValue, 0, 1023, 2, -2));
yPos = yPos + (map(yValue, 0, 1023, -2, 2));

// Не позволяем точке-курсору убежать за пределы экрана:
if (xPos > 159) {
(xPos = 159);
}

if (xPos < 0) {
(xPos = 0);
}
if (yPos > 127) {
(yPos = 127);
}

if (yPos < 0) {
(yPos = 0);
}

// Рисуем точку-курсор:
TFTscreen.stroke(255, 255, 255);
TFTscreen.point(xPos, yPos);

// Считываем данные с кнопки, подключенной ко 2-ому цифровому контакту.
// Если она нажата, очищаем экран:
if (digitalRead(erasePin) == HIGH) {
TFTscreen.background(0, 0, 0);
}

delay(33);
}
</syntaxhighlight>

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

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

<references />
[[Категория:Пример]]
[[Категория:Примеры]]
[[Категория:Пример программирования Arduino]]
[[Категория:Примеры программирования Arduino]]