●ESPr Developer 32（Wifiが使えるマイコンボード）

Amazonで2000円くらい

●TFT液晶 HiLetgo 2.8 "TFT LCDディスプレイ タッチパネル SPIシリアル240 * 320 ILI9341

Amazonで1500くらい。赤い基盤が特徴で、サイズ違いが色々ある。コスパＧＯＯＤ！！

●ブレッドボード （ハーフサイズ：長いやつじゃないやつ。買ったとしても数百円だと思う。）

●ケース（100円ショップセリアで買ってきた。100円）

●ジャンパーケーブル（別の電子工作セットについてきたやつを使った。買ったとしても数百円だと思う。）

●ネジ（TFT液晶をケースに固定するためのネジ。2～3mmが使える。私は2mmを使いました）

今回はタッチセンサーもＳＤカードも使わないので、ＴＦＴ液晶の一部の端子しか使わなかった。

天気予報くん２号、３号、、、、では使いたいなぁ。

天気予報データはあまり無料で配布されていないので、どうやって天気情報をゲットしようかネット上を徘徊。

色々調べた結果、OpenWeatherMapというサイトとYOLPいうYahoo!のサービスのどちらかで天気予報データを取得できそうだということが分かった。

んで、YOLPの方がYahoo天気と同じデータなので良いかな～と思ったものの、YOLPのデータの形式があまり慣れていないxml形式だったので、JSON形式のOpenWeatherMapを採用することにした。

（最終的にプログラミングの際にArduinoJsonを使わなかったので、今思えば別にYOLPでも良かった）

ということでOpenWeatherMapのAPIを使わせて頂くために、OpenWeatherMapに登録（無料）。

登録方法はインターネットで調べるといっぱい出てくるので、そちらを参照。

登録出来たら、ESP32にOpenWeatherMapからの情報を取得するプログラミングを実施。

Qiitaの先駆者たちのインターネット上の情報や、サンプルプログラムを活用して作ったのが↓このコード

//Wifi and OpenWeatherMap SetUP

#include <WiFiClientSecure.h>

#include <HTTPClient.h>

const char* ssid = "Write Your Wifi SSID";

const char* password = "Write Your Wifi Password";

const String endpoint = "http://api.openweathermap.org/data/2.5/forecast?q=XXXXX,jp&APPID=";

const String key = "YourAPIkey"; //YourAPIkey

int i =0;

long TimePoint;

String DayTime[10];

long WeatherPoint;

String Weather[10];

//TFT SETUP

#include "SPI.h"

#include "Adafruit_GFX.h"

#include "Adafruit_ILI9341.h"

// For the Adafruit shield, these are the default.

#define TFT_RST 16

#define TFT_DC 17

#define TFT_CS 5

// Use hardware SPI (on Uno, #13, #12, #11) and the above for CS/DC

Adafruit_ILI9341 tft = Adafruit_ILI9341(TFT_CS, TFT_DC,TFT_RST);

// If using the breakout, change pins as desired

//Adafruit_ILI9341 tft = Adafruit_ILI9341(TFT_CS, TFT_DC, TFT_MOSI, TFT_CLK, TFT_RST, TFT_MISO);

void setup() {

Serial.begin(115200);

//Wifi setup & Get WeatherForecast

WiFi.begin(ssid, password);

while (WiFi.status() != WL_CONNECTED) {

delay(1000);

Serial.println("Connecting to WiFi..");

}

Serial.println("Connected to the WiFi network");

if ((WiFi.status() == WL_CONNECTED)){ //Check the current connection status

HTTPClient http;

http.begin(endpoint + key); //Specify the URL

int httpCode = http.GET(); //Make the request

if(httpCode>0){ //Check for the returning code

String payload = http.getString();

// Serial.println(httpCode);

// Serial.println(payload);

for (int i = 0; i <= 9; i++) {

TimePoint=payload.indexOf("dt_txt");

DayTime[i]=payload.substring(TimePoint+14,TimePoint+25);

Serial.println(DayTime[i]);

WeatherPoint=payload.indexOf("icon");

Weather[i]=payload.substring(WeatherPoint+7,WeatherPoint+10);

Serial.println(Weather[i]);

payload=payload.substring(TimePoint+29);

}

}

else{

Serial.println("Error on HTTP request");

}

http.end(); //Free the resources

}

//TFT setup

Serial.println("ILI9341 Test!");

tft.begin();

// read diagnostics (optional but can help debug problems)

uint8_t x = tft.readcommand8(ILI9341_RDMODE);

Serial.print("Display Power Mode: 0x"); Serial.println(x, HEX);

x = tft.readcommand8(ILI9341_RDMADCTL);

Serial.print("MADCTL Mode: 0x"); Serial.println(x, HEX);

x = tft.readcommand8(ILI9341_RDPIXFMT);

Serial.print("Pixel Format: 0x"); Serial.println(x, HEX);

x = tft.readcommand8(ILI9341_RDIMGFMT);

Serial.print("Image Format: 0x"); Serial.println(x, HEX);

x = tft.readcommand8(ILI9341_RDSELFDIAG);

Serial.print("Self Diagnostic: 0x"); Serial.println(x, HEX);

/* sample code : comment out

Serial.println(F("Benchmark Time (microseconds)"));

delay(10);

Serial.print(F("Screen fill "));

Serial.println(testFillScreen());

delay(500);

Serial.print(F("Text "));

Serial.println(testText());

delay(3000);

*/

Serial.print(F("Lines "));

Serial.println(testLines(ILI9341_CYAN));

delay(500);

/*sample code : comment out

Serial.print(F("Horiz/Vert Lines "));

Serial.println(testFastLines(ILI9341_RED, ILI9341_BLUE));

delay(500);

Serial.print(F("Rectangles (outline) "));

Serial.println(testRects(ILI9341_GREEN));

delay(500);

Serial.print(F("Rectangles (filled) "));

Serial.println(testFilledRects(ILI9341_YELLOW, ILI9341_MAGENTA));

delay(500);

Serial.print(F("Circles (filled) "));

Serial.println(testFilledCircles(10, ILI9341_MAGENTA));

Serial.print(F("Circles (outline) "));

Serial.println(testCircles(10, ILI9341_WHITE));

delay(500);

Serial.print(F("Triangles (outline) "));

Serial.println(testTriangles());

delay(500);

Serial.print(F("Triangles (filled) "));

Serial.println(testFilledTriangles());

delay(500);

Serial.print(F("Rounded rects (outline) "));

Serial.println(testRoundRects());

delay(500);

Serial.print(F("Rounded rects (filled) "));

Serial.println(testFilledRoundRects());

delay(500);

Serial.println(F("Done!"));

*/

// Print Forecast

Serial.println("Forecast Print Start");

tft.setRotation(1);

ForecastText();

Serial.println("Forecast Print Finish");

}

void loop(void) {

/*sample code : comment out

for(uint8_t rotation=0; rotation<4; rotation++) {

tft.setRotation(rotation);

testText();

delay(1000);

}

*/

}

unsigned long testFillScreen() {

unsigned long start = micros();

tft.fillScreen(ILI9341_BLACK);

yield();

tft.fillScreen(ILI9341_RED);

yield();

tft.fillScreen(ILI9341_GREEN);

yield();

tft.fillScreen(ILI9341_BLUE);

yield();

tft.fillScreen(ILI9341_BLACK);

yield();

return micros() - start;

}

unsigned long testText() {

tft.fillScreen(ILI9341_BLACK);

unsigned long start = micros();

tft.setCursor(0, 0);

tft.setTextColor(ILI9341_WHITE); tft.setTextSize(1);

tft.println("Hello World!");

tft.setTextColor(ILI9341_YELLOW); tft.setTextSize(2);

tft.println(1234.56);

tft.setTextColor(ILI9341_RED); tft.setTextSize(3);

tft.println(0xDEADBEEF, HEX);

tft.println();

tft.setTextColor(ILI9341_GREEN);

tft.setTextSize(5);

tft.println("Groop");

tft.setTextSize(2);

tft.println("I implore thee,");

tft.setTextSize(1);

tft.println("my foonting turlingdromes.");

tft.println("And hooptiously drangle me");

tft.println("with crinkly bindlewurdles,");

tft.println("Or I will rend thee");

tft.println("in the gobberwarts");

tft.println("with my blurglecruncheon,");

tft.println("see if I don't!");

return micros() - start;

}

unsigned long testLines(uint16_t color) {

unsigned long start, t;

int x1, y1, x2, y2,

w = tft.width(),

h = tft.height();

tft.fillScreen(ILI9341_BLACK);

yield();

x1 = y1 = 0;

y2 = h - 1;

start = micros();

for(x2=0; x2<w; x2+=6) tft.drawLine(x1, y1, x2, y2, color);

x2 = w - 1;

for(y2=0; y2<h; y2+=6) tft.drawLine(x1, y1, x2, y2, color);

t = micros() - start; // fillScreen doesn't count against timing

yield();

tft.fillScreen(ILI9341_BLACK);

yield();

x1 = w - 1;

y1 = 0;

y2 = h - 1;

start = micros();

for(x2=0; x2<w; x2+=6) tft.drawLine(x1, y1, x2, y2, color);

x2 = 0;

for(y2=0; y2<h; y2+=6) tft.drawLine(x1, y1, x2, y2, color);

t += micros() - start;

yield();

tft.fillScreen(ILI9341_BLACK);

yield();

x1 = 0;

y1 = h - 1;

y2 = 0;

start = micros();

for(x2=0; x2<w; x2+=6) tft.drawLine(x1, y1, x2, y2, color);

x2 = w - 1;

for(y2=0; y2<h; y2+=6) tft.drawLine(x1, y1, x2, y2, color);

t += micros() - start;

yield();

tft.fillScreen(ILI9341_BLACK);

yield();

x1 = w - 1;

y1 = h - 1;

y2 = 0;

start = micros();

for(x2=0; x2<w; x2+=6) tft.drawLine(x1, y1, x2, y2, color);

x2 = 0;

for(y2=0; y2<h; y2+=6) tft.drawLine(x1, y1, x2, y2, color);

yield();

return micros() - start;

}

unsigned long testFastLines(uint16_t color1, uint16_t color2) {

unsigned long start;

int x, y, w = tft.width(), h = tft.height();

tft.fillScreen(ILI9341_BLACK);

start = micros();

for(y=0; y<h; y+=5) tft.drawFastHLine(0, y, w, color1);

for(x=0; x<w; x+=5) tft.drawFastVLine(x, 0, h, color2);

return micros() - start;

}

unsigned long testRects(uint16_t color) {

unsigned long start;

int n, i, i2,

cx = tft.width() / 2,

cy = tft.height() / 2;

tft.fillScreen(ILI9341_BLACK);

n = min(tft.width(), tft.height());

start = micros();

for(i=2; i<n; i+=6) {

i2 = i / 2;

tft.drawRect(cx-i2, cy-i2, i, i, color);

}

return micros() - start;

}

unsigned long testFilledRects(uint16_t color1, uint16_t color2) {

unsigned long start, t = 0;

int n, i, i2,

cx = tft.width() / 2 - 1,

cy = tft.height() / 2 - 1;

tft.fillScreen(ILI9341_BLACK);

n = min(tft.width(), tft.height());

for(i=n; i>0; i-=6) {

i2 = i / 2;

start = micros();

tft.fillRect(cx-i2, cy-i2, i, i, color1);

t += micros() - start;

// Outlines are not included in timing results

tft.drawRect(cx-i2, cy-i2, i, i, color2);

yield();

}

return t;

}

unsigned long testFilledCircles(uint8_t radius, uint16_t color) {

unsigned long start;

int x, y, w = tft.width(), h = tft.height(), r2 = radius * 2;

tft.fillScreen(ILI9341_BLACK);

start = micros();

for(x=radius; x<w; x+=r2) {

for(y=radius; y<h; y+=r2) {

tft.fillCircle(x, y, radius, color);

}

}

return micros() - start;

}

unsigned long testCircles(uint8_t radius, uint16_t color) {

unsigned long start;

int x, y, r2 = radius * 2,

w = tft.width() + radius,

h = tft.height() + radius;

// Screen is not cleared for this one -- this is

// intentional and does not affect the reported time.

start = micros();

for(x=0; x<w; x+=r2) {

for(y=0; y<h; y+=r2) {

tft.drawCircle(x, y, radius, color);

}

}

return micros() - start;

}

unsigned long testTriangles() {

unsigned long start;

int n, i, cx = tft.width() / 2 - 1,

cy = tft.height() / 2 - 1;

tft.fillScreen(ILI9341_BLACK);

n = min(cx, cy);

start = micros();

for(i=0; i<n; i+=5) {

tft.drawTriangle(

cx , cy - i, // peak

cx - i, cy + i, // bottom left

cx + i, cy + i, // bottom right

tft.color565(i, i, i));

}

return micros() - start;

}

unsigned long testFilledTriangles() {

unsigned long start, t = 0;

int i, cx = tft.width() / 2 - 1,

cy = tft.height() / 2 - 1;

tft.fillScreen(ILI9341_BLACK);

start = micros();

for(i=min(cx,cy); i>10; i-=5) {

start = micros();

tft.fillTriangle(cx, cy - i, cx - i, cy + i, cx + i, cy + i,

tft.color565(0, i*10, i*10));

t += micros() - start;

tft.drawTriangle(cx, cy - i, cx - i, cy + i, cx + i, cy + i,

tft.color565(i*10, i*10, 0));

yield();

}

return t;

}

unsigned long testRoundRects() {

unsigned long start;

int w, i, i2,

cx = tft.width() / 2 - 1,

cy = tft.height() / 2 - 1;

tft.fillScreen(ILI9341_BLACK);

w = min(tft.width(), tft.height());

start = micros();

for(i=0; i<w; i+=6) {

i2 = i / 2;

tft.drawRoundRect(cx-i2, cy-i2, i, i, i/8, tft.color565(i, 0, 0));

}

return micros() - start;

}

unsigned long testFilledRoundRects() {

unsigned long start;

int i, i2,

cx = tft.width() / 2 - 1,

cy = tft.height() / 2 - 1;

tft.fillScreen(ILI9341_BLACK);

start = micros();

for(i=min(tft.width(), tft.height()); i>20; i-=6) {

i2 = i / 2;

tft.fillRoundRect(cx-i2, cy-i2, i, i, i/8, tft.color565(0, i, 0));

yield();

}

return micros() - start;

}

unsigned long ForecastText() {

tft.fillScreen(ILI9341_BLACK);

unsigned long start = micros();

tft.setCursor(0, 0);

tft.setTextColor(ILI9341_ORANGE); tft.setTextSize(3);

tft.println("WeatherForecast");

tft.println("");

for (int i = 0; i <= 9; i++) {

tft.setTextColor(ILI9341_WHITE); tft.setTextSize(2);

tft.print(" ");

tft.print(DayTime[i]);

tft.print(" ");

if (Weather[i] == "01d" || Weather[i] == "01n")

{

tft.println("Sunny");

}

else if (Weather[i] == "02d" || Weather[i] == "02n")

{

tft.println("Few Cloud");

}

else if (Weather[i] == "03d" || Weather[i] == "03n")

{

tft.println("Cloudy");

}

else if (Weather[i] == "04d" || Weather[i] == "04n")

{

tft.println("Heavy Cloud");

}

else if (Weather[i] == "09d" || Weather[i] == "09n")

{

tft.println("Heavy rain");

}

else if (Weather[i] == "10d" || Weather[i] == "10n")

{

tft.println("Rain");

}

else if (Weather[i] == "11d" || Weather[i] == "11n")

{

tft.println("ThunderStorm");

}

else if (Weather[i] == "13d" || Weather[i] == "13n")

{

tft.println("Snow");

}

else if (Weather[i] == "50d" || Weather[i] == "50n")

{

tft.println("Mist");

}

else

{

tft.println("???");

}

}

return micros() - start;

}