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

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

2023-07-08T08:33:57Z

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

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

EducationBot в 08:32, 20 мая 2023

2023-05-20T08:32:08Z

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

	<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>
Строка 35:		Строка 35:
	Далее нужно определить '''CS'''-контакт (контакт '''Chip Select''') для считывателя данных с '''SD'''-карты. На плате '''Esplora''' это контакт '''номер 8'''.		Далее нужно определить '''CS'''-контакт (контакт '''Chip Select''') для считывателя данных с '''SD'''-карты. На плате '''Esplora''' это контакт '''номер 8'''.

	<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 SD_CS 8		#define SD_CS 8
	</syntaxhighlight>		</syntaxhighlight>
Строка 41:		Строка 41:
	Для картинок существует специальный тип данных – '''Pimage'''. На его основе создаем переменную '''«logo»''', которая будет хранить картинку-логотип.		Для картинок существует специальный тип данных – '''Pimage'''. На его основе создаем переменную '''«logo»''', которая будет хранить картинку-логотип.

	<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">
	PImage logo;		PImage logo;
	</syntaxhighlight>		</syntaxhighlight>
Строка 49:		Строка 49:
	Запустив последовательную передачу данных, инициализируем библиотеку '''SD'''. Если сделать этого не удается, сообщаем об ошибке, а экран окрашиваем красным.		Запустив последовательную передачу данных, инициализируем библиотеку '''SD'''. Если сделать этого не удается, сообщаем об ошибке, а экран окрашиваем красным.

	<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() {
	Serial.begin(9600);		Serial.begin(9600);
Строка 66:		Строка 66:
	Инициализируем экран и очищаем его.		Инициализируем экран и очищаем его.

	<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.begin();		EsploraTFT.begin();
	EsploraTFT.background(255, 255, 255);		EsploraTFT.background(255, 255, 255);
Строка 73:		Строка 73:
	При помощи функции loadimage() пытаемся прочитать файл-картинку в созданную ранее переменную '''PImage'''. Проверяем, правильная ли это картинка, а затем, если все '''ОК''', окрашиваем экран '''Esplora''' зеленым, а если нет, то красным цветом.		При помощи функции loadimage() пытаемся прочитать файл-картинку в созданную ранее переменную '''PImage'''. Проверяем, правильная ли это картинка, а затем, если все '''ОК''', окрашиваем экран '''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">
	Esplora.writeRGB(0, 0, 0);		Esplora.writeRGB(0, 0, 0);
	logo = EsploraTFT.loadImage("logo.bmp");		logo = EsploraTFT.loadImage("logo.bmp");
Строка 87:		Строка 87:
	Если изображение загрузилось с ошибкой, останавливаем скетч, пока он не продолжил работать дальше.		Если изображение загрузилось с ошибкой, останавливаем скетч, пока он не продолжил работать дальше.

	<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() {
	if (logo.isValid() == false) {		if (logo.isValid() == false) {
Строка 96:		Строка 96:
	Если с картинкой все в порядке, выбираем на экране случайное место для ее отображения. Чтобы картинка была показана целиком и полностью, берем ее размеры и вычитаем их из размеров экрана.		Если с картинкой все в порядке, выбираем на экране случайное место для ее отображения. Чтобы картинка была показана целиком и полностью, берем ее размеры и вычитаем их из размеров экрана.

	<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 x = random(EsploraTFT.width() - logo.width());		int x = random(EsploraTFT.width() - logo.width());
	int y = random(EsploraTFT.height() - logo.height());		int y = random(EsploraTFT.height() - logo.height());
Строка 108:		Строка 108:
	Весь код полностью – ниже:		Весь код полностью – ниже:

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

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

2016-12-14T05:28:33Z

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

==BMP-логотип на TFT-экране Esplora<ref>[https://www.arduino.cc/en/Tutorial/EsploraTFTBitmapLogo Arduino - Esplora TFT Bitmap Logo]</ref>==

Этот пример для '''Esplora''' (с экраном '''Arduino''') считывает с '''SD'''-карты bitmap-файл, а затем показывает его в случайном месте дисплея.

Чтобы скетч сработал как надо, вам нужно сохранить изображение под названием '''«logo.bmp»''' в корневую папку '''SD'''-карты. Сама '''SD'''-карта должна быть отформатирована в '''FAT16''' или '''FAT32'''. Более подробно о работе с '''SD'''-картами читайте в документации о библиотеке '''SD'''.

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

* Плата '''Arduino Esplora''';
* Экран '''Arduino TFT''';
* Карта '''micro-SD''';
* [https://www.arduino.cc/en/uploads/Tutorial/logo.bmp Картинка];

==Цепь==

[[File:Esplora_GLCDBitmapLogo.png]]

Подсоедините '''TFT'''-экран к сокету на '''Esplora''' таким образом, чтобы надпись '''«SD Card»''' была сверху. Вставьте в слот '''SD'''-карту с файлом '''«logo.bmp»'''.

==Код==

Чтобы использовать дисплей, вам для начала нужно подключить библиотеки '''SPI''' и '''TFT'''. Также не забудьте подключить библиотеки для '''Esplora''' и '''SD'''-карты – чтобы иметь возможность прочитать картинку, хранящуюся на карте.

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

Далее нужно определить '''CS'''-контакт (контакт '''Chip Select''') для считывателя данных с '''SD'''-карты. На плате '''Esplora''' это контакт '''номер 8'''.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
#define SD_CS 8
</syntaxhighlight>

Для картинок существует специальный тип данных – '''Pimage'''. На его основе создаем переменную '''«logo»''', которая будет хранить картинку-логотип.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
PImage logo;
</syntaxhighlight>

В блоке setup() инициализируем последовательный порт, но, перед тем как начать, ждем его активации. Это значит, что для запуска скетча вам надо включить '''Serial Monitor'''. Если статусная информация вам не нужна, то цикл while() можно закомментировать.

Запустив последовательную передачу данных, инициализируем библиотеку '''SD'''. Если сделать этого не удается, сообщаем об ошибке, а экран окрашиваем красным.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
void setup() {
Serial.begin(9600);
while (!Serial) {
}

Serial.print("Initializing SD card...");
if (!SD.begin(SD_CS)) {
Serial.println("failed!");
Esplora.writeRed(255);
return;
}
Serial.println("OK!");
</syntaxhighlight>

Инициализируем экран и очищаем его.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
EsploraTFT.begin();
EsploraTFT.background(255, 255, 255);
</syntaxhighlight>

При помощи функции loadimage() пытаемся прочитать файл-картинку в созданную ранее переменную '''PImage'''. Проверяем, правильная ли это картинка, а затем, если все '''ОК''', окрашиваем экран '''Esplora''' зеленым, а если нет, то красным цветом.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
Esplora.writeRGB(0, 0, 0);
logo = EsploraTFT.loadImage("logo.bmp");
if (logo.isValid()) {
Esplora.writeGreen(255);
}
else
Esplora.writeRed(255);

}
</syntaxhighlight>

Если изображение загрузилось с ошибкой, останавливаем скетч, пока он не продолжил работать дальше.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
void loop() {
if (logo.isValid() == false) {
return;
}
</syntaxhighlight>

Если с картинкой все в порядке, выбираем на экране случайное место для ее отображения. Чтобы картинка была показана целиком и полностью, берем ее размеры и вычитаем их из размеров экрана.

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
int x = random(EsploraTFT.width() - logo.width());
int y = random(EsploraTFT.height() - logo.height());
Рисуем картинку, за точку отсчета беря случайные координаты из предыдущего шага, а затем немного ждем перед следующим заходом через цикл loop().
EsploraTFT.image(logo, x, y);

delay(1500);
}
</syntaxhighlight>

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

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

Это пример для экрана Arduino TFT и платы Arduino Esplora.

Он считывает с SD-карты файл-картинку, а затем отображает ее
на случайных местах TFT-экрана.

В комплекте с этим скетчем идет файл с расширением «.bmp».
- откройте папку со скетчами (Ctrl-K или Cmd-K);
- скопируйте файл «arduino.bmp» на карту micro-SD;
- вставьте SD-карту в SD-слот модуля Arduino LCD.

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

Создан 19 апреля 2013 Энрико Гуэли (Enrico Gueli).

http://www.arduino.cc/en/Tutorial/EsploraTFTBitmapLogo

*/

// Подключаем необходимые библиотеки:
#include <Esplora.h>
#include <SPI.h>
#include <SD.h>
#include <TFT.h> // LCD-библиотека Arduino

// Контакт Esplora, подключенный к CS-линии для SD-карты:
#define SD_CS 8

// Эта переменная будет хранить картинку, которую скетч покажет на TFT_экране:
PImage logo;

void setup() {
// Инициализируем TFT-экран и показываем сообщение,
// в котором просим пользователя открыть Serial Monitor:
EsploraTFT.begin();
EsploraTFT.background(255, 255, 255);

EsploraTFT.stroke(0, 0, 255);
EsploraTFT.println();
EsploraTFT.println(F("Arduino LCD Bitmap Example")); // "Показ bitmap-файла на TFT-экране Arduino"
EsploraTFT.stroke(0, 0, 0);
EsploraTFT.println(F("Open serial monitor")); // "Откройте Serial Monitor,"
EsploraTFT.println(F("to run the sketch")); // "чтобы запустить скетч"

// Инициализируем последовательный порт. Он будет нужен
// для показа диагностической информации.
Serial.begin(9600);
while (!Serial) {
// ждем открытия Serial Monitor
}

// Пытаемся получить доступ к SD-карте. Если не выходит
// (например, если карта не воткнута), TFT-экран загорится красным:
Serial.print(F("Initializing SD card...")); // "Инициализируем SD-карту..."
if (!SD.begin(SD_CS)) {
Serial.println(F("failed!")); // "Ошибка!"
Esplora.writeRed(255);
return;
}
Serial.println("OK!"); // "ОК!"

// Перед тем, как начать, очищаем экран:
EsploraTFT.background(255, 255, 255);

// Теперь, когда у нас есть доступ к SD-карте, пробуем загрузить
Файл-картинку.
// Если она загрузилась нормально, экран окрасится зеленым, если нет – красным.
Esplora.writeRGB(0, 0, 0);
logo = EsploraTFT.loadImage("arduino.bmp");
if (logo.isValid()) {
Esplora.writeGreen(255);
} else {
Esplora.writeRed(255);
}

}

void loop() {
// Если картинка загрузилась с ошибкой, ничего не делаем:
if (logo.isValid() == false) {
return;
}

Serial.println(F("drawing image")); // "Рисуем картинку..."

// Генерируем случайные координаты для показа картинки.
// Чтобы картинка случайно не вылезла за край, берем в расчет размер экрана.
int x = random(EsploraTFT.width() - logo.width());
int y = random(EsploraTFT.height() - logo.height());

// Рисуем картинку на экране:
EsploraTFT.image(logo, x, y);

// Перед тем, как нарисовать ее еще раз, немного ждем:
delay(1500);
}
</syntaxhighlight>

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

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

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