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

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

2023-07-08T08:34:01Z

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

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

EducationBot в 08:32, 20 мая 2023

2023-05-20T08:32:10Z

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

	<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 <Esplora.h>		#include <Esplora.h>
	#include <TFT.h>		#include <TFT.h>
Строка 30:		Строка 30:
	Создаем переменную, которая будет хранить информацию о '''Х-оси''' графика. Мы будем увеличивать это значение при каждом проходе через цикл loop(). В блоке setup() инициализируем экран и окрашиваем фон в приятный цвет.		Создаем переменную, которая будет хранить информацию о '''Х-оси''' графика. Мы будем увеличивать это значение при каждом проходе через цикл loop(). В блоке 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">
	int xPos = 0;		int xPos = 0;

Строка 41:		Строка 41:
	В блоке 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 sensor = Esplora.readLightSensor();		int sensor = Esplora.readLightSensor();
Строка 49:		Строка 49:
	Задаем цвет строки – он должен быть таким, чтобы контрастировать и (желательно) приятно сочетаться с фоновым цветом, который мы задали чуть ранее. Далее рисуем линию от нижней части экрана – ее длина будет зависеть от данных, считанных со светового датчика.		Задаем цвет строки – он должен быть таким, чтобы контрастировать и (желательно) приятно сочетаться с фоновым цветом, который мы задали чуть ранее. Далее рисуем линию от нижней части экрана – ее длина будет зависеть от данных, считанных со светового датчика.

	<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">
	EsploraTFT.stroke(250,180,10);		EsploraTFT.stroke(250,180,10);
	EsploraTFT.line(xPos, EsploraTFT.height() - graphHeight, xPos, EsploraTFT.height());		EsploraTFT.line(xPos, EsploraTFT.height() - graphHeight, xPos, EsploraTFT.height());
Строка 56:		Строка 56:
	Перед закрытием loop() проверяем, не заскочил ли наш график за край экрана. Если да, стираем все и начинаем с нуля по '''оси X'''.		Перед закрытием loop() проверяем, не заскочил ли наш график за край экрана. Если да, стираем все и начинаем с нуля по '''оси X'''.

	<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 >= 160) {		if (xPos >= 160) {
	xPos = 0;		xPos = 0;
Строка 70:		Строка 70:
	Весь скетч полностью – ниже:		Весь скетч полностью – ниже:

	<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-экране, подключенном к Esplora		Построение графика на TFT-экране, подключенном к Esplora

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

2016-12-14T05:28:31Z

Замена текста — «<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-экране Esplora <ref>[https://www.arduino.cc/en/Tutorial/EsploraTFTGraph Arduino - Esplora TFT EtchASketch]</ref>==

Этот пример для '''Esplora''' (и подключенного к ней '''TFT'''-экрана '''Arduino''') считывает данные о яркости, исходящие от встроенного светового датчика, а затем в графическом виде отображает их на экране. То есть этот пример аналогичен примеру [http://wikihandbk.com/wiki/Arduino:Примеры/Graph «График»], использующему последовательную передачу данных.

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

* Плата '''Arduino Esplora''';
* '''TFT'''-экран '''Arduino''';

==Цепь==

[[File:Esplora_GLCDGraph.png]]

Подключите '''TFT'''-экран к сокету на '''Esplora''', но так, чтобы надпись '''«SD Card»''' была вверху.

==Код==

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

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

Создаем переменную, которая будет хранить информацию о '''Х-оси''' графика. Мы будем увеличивать это значение при каждом проходе через цикл loop(). В блоке setup() инициализируем экран и окрашиваем фон в приятный цвет.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
int xPos = 0;

void setup(){
EsploraTFT.begin();
EsploraTFT.background(250,16,200);
}
</syntaxhighlight>

В блоке loop() считываем данные от светового датчика, а затем приспосабливаем их к высоте экрана.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
void loop(){
int sensor = Esplora.readLightSensor();
int graphHeight = map(sensor,0,1023,0,EsploraTFT.height());
</syntaxhighlight>

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

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
EsploraTFT.stroke(250,180,10);
EsploraTFT.line(xPos, EsploraTFT.height() - graphHeight, xPos, EsploraTFT.height());
</syntaxhighlight>

Перед закрытием loop() проверяем, не заскочил ли наш график за край экрана. Если да, стираем все и начинаем с нуля по '''оси X'''.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
if (xPos >= 160) {
xPos = 0;
EsploraTFT.background(250,16,200);
}
else {
xPos++;
}
delay(16);
}
</syntaxhighlight>

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

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
/*
Построение графика на TFT-экране, подключенном к Esplora

Этот пример использует плату Esplora и TFT-экран Arduino.
Он считывает данные, идущие от светового датчика,
а затем в графическом виде выводит их на экран.

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

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

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

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

// Позиция линии на экране:
int xPos = 0;

void setup() {

// Инициализируем экран:
EsploraTFT.begin();

// Очищаем экран, «заливая» его приятным цветом:
EsploraTFT.background(250, 16, 200);
}

void loop() {

// Считываем значение от светового датчика:
int sensor = Esplora.readLightSensor();
// Приспосабливаем данные от датчика к высоте экрана:
int graphHeight = map(sensor, 0, 1023, 0, EsploraTFT.height());

// Рисуем линию контрастирующего цвета:
EsploraTFT.stroke(250, 180, 10);
EsploraTFT.line(xPos, EsploraTFT.height() - graphHeight, xPos, EsploraTFT.height());

// Если график достигает края экрана, стираем его,
// а затем заново начинаем с другой стороны:
if (xPos >= 160) {
xPos = 0;
EsploraTFT.background(250, 16, 200);
} else {
// Увеличиваем позицию по горизонтали:
xPos++;
}

delay(16);
}
</syntaxhighlight>

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

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

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