Zeit und Messwerte BME280 auf zwei runden TFTs anzeigen (Lösung) – Projekte für Arduino und ESP32-Mikrocontroller

#include "WiFi.h"
#include "WiFiUdp.h"
#include "Adafruit_GFX.h"
#include "Adafruit_GC9A01A.h"
#include "Adafruit_BME280.h"

// interne Schriften
#include "Fonts/FreeSans24pt7b.h"
#include "Fonts/FreeSans18pt7b.h"	
#include "Fonts/FreeSans12pt7b.h"	

// mit https://rop.nl/truetype2gfx/ erstellte Schriftgrößen
#include "Fonts/FreeSans32pt7b.h"	
#include "Fonts/FreeSans40pt7b.h"	

#include "NTP3.h"
 
// SSID und Passwort des Routers
char Router[] = "Router_SSID";
char Passwort[] = "xxxxxxxx";

WiFiUDP wifiUdp;
NTP3 ntp(wifiUdp);

// Objekt der Bibliothek erstellen
Adafruit_BME280 bme; 

// ESP32-WROOM
// #define TFT_CS_Uhr    5
// #define TFT_CS_BME   17
// #define TFT_RST       4
// #define TFT_DC        2
 
// ESP32-S3
// #define TFT_CS_Uhr   10
// #define TFT_CS_BME   14
// #define TFT_RST       5
// #define TFT_DC        4

// ESP32-C6/ESP32-C6-Zero
// #define TFT_CS_Uhr   18
// #define TFT_CS_BME    6
// #define TFT_RST       3
// #define TFT_DC        2
 
// ESP32-C3 Zero/ESP32-C3 Super Mini
// #define TFT_CS_Uhr     7
// #define TFT_CS_BME     3
// #define TFT_RST        3
// #define TFT_DC         2

// ESP32-C5 Zero
#define TFT_CS_Uhr     6
#define TFT_CS_BME     7
#define TFT_RST        5
#define TFT_DC         4

// Pins anpassen
#define SDA_PIN 2
#define SCL_PIN 3

// 1-Bit Canvas definieren
GFXcanvas16 Bereich(320, 240);

Adafruit_GC9A01A tft_Uhr(TFT_CS_Uhr, TFT_DC);
Adafruit_GC9A01A tft_BME(TFT_CS_BME, TFT_DC);

// Farben
#define SCHWARZ     0x0000
#define WEISS       0xFFFF
#define BLAU        0x001F
#define ROT         0xF800
#define GRUEN       0x07E0
#define CYAN        0x07FF
#define MAGENTA     0xF81F
#define GELB        0xFFE0
#define BRAUN       0x9A60
#define GRAU        0x7BEF
#define GRUENGELB   0xB7E0
#define DUNKELCYAN  0x03EF
#define ORANGE      0xFDA0
#define PINK        0xFE19
#define BORDEAUX    0xA000
#define HELLBLAU    0x867D
#define VIOLETT     0x915C
#define SILBER      0xC618
#define GOLD        0xFEA0

// beim Start des loop-Teils wird die Zeit einmalig synchronisiert
volatile bool Start = true;
 
unsigned long Zeitmessung = 0;
int Sekunden;

void setup()
{
  Serial.begin(9600);
  delay(2000);

  // Wire mit den I2C-Pins starten
  Wire.begin(SDA_PIN, SCL_PIN);
  tft_Uhr.begin();
  tft_BME.begin();

  // Rotation anpassen
  tft_Uhr.setRotation(2);
  tft_Uhr.fillScreen(SCHWARZ);
  tft_Uhr.setCursor(40, 120);    
  tft_Uhr.setFont(&FreeSans12pt7b);  
  tft_Uhr.print("WiFi verbinden ...");
  
  tft_BME.setRotation(2);
  tft_BME.fillScreen(SCHWARZ);
  tft_BME.setFont(&FreeSans12pt7b);  

  // BME280 starten, bei Misserfolg Meldung anzeigen
  if (!bme.begin(0x76)) 
  {
    Serial.println("BME280 nicht verbunden");
    Serial.println("Verkabelung und/oder HEX-Adresse prüfen!");
    Serial.println("Start mit möglichen HEX-Adressen:");
    Serial.println("bme.begin(0x76);");
    Serial.println("bme.begin(0x77);");
    Serial.println("Programm wird beendet!");
    tft_BME.fillScreen(SCHWARZ);
    tft_BME.setCursor(20, 90);
    tft_BME.print("BME nicht gestartet");
    tft_BME.setCursor(20, 120);
    tft_BME.print("HEX-Adresse");
    tft_BME.setCursor(20, 150);
    tft_BME.print("korrigieren");
    tft_BME.setCursor(20, 180);
    tft_BME.print("Programm beendet");
    while(1);
  }
  else 
  {
    Serial.println("BME280 erfolgreich gestartet!");
    tft_BME.setCursor(40, 120);
    tft_BME.print("BME gestartet");
  }

  delay(1000);

  // WiFi starten DHCP
  WiFi.begin(Router, Passwort);
  
  WiFi.mode(WIFI_MODE_STA);
  WiFi.setSleep(false);
  WiFi.setAutoReconnect(true);
  ntp.updateInterval(30000);
  
  while(WiFi.status() != WL_CONNECTED)
  {
    delay(200);
    Serial.print(".");
  }
 
  /*
    Zeitzone
    CEST: Central European Summertime
    Beginn europäische Sommerzeit letzter Sonntag im März 2 Uhr GMT + 2 Stunden
  */
  ntp.ruleDST("CEST", Last, Sun, Mar, 2, 120);
 
  // CET: Central European Time
  // Beginn Normalzeit letzter Sonntag im Oktober 3 Uhr GMT + 1 Stunde
  ntp.ruleSTD("CET", Last, Sun, Oct, 3, 60);
 
  // ntp starten
  ntp.begin();

  // WiFi-Daten anzeigen
  tft_Uhr.fillScreen(SCHWARZ);
  tft_Uhr.setCursor(40, 70);    
  tft_Uhr.print("WiFi verbunden ...");
  tft_Uhr.setCursor(40, 100);
  tft_Uhr.print(WiFi.localIP());
  tft_Uhr.setCursor(40, 130);
  tft_Uhr.print(WiFi.SSID());
  tft_Uhr.setCursor(40, 160);
  tft_Uhr.print(WiFi.RSSI());
  delay(5000);
  Zeitmessung = millis() + 1000;
}

void loop()
{
  // Start = true
  // -> Zeit einmalig beim Start synchronisieren
  // danach zur vollen Minute
  if (Start)
  {
    Start = false;
    ZeitAnzeigen();
  }
  
  // Sekunden weiter zählen
  if (Zeitmessung < millis())
  {
    Zeitmessung += 1000;
    Sekunden++;

    // nach 60 Sekunden Zeit und Messwerte aktualisieren
    if (Sekunden == 60) ZeitAnzeigen();
  }
}

void ZeitAnzeigen()
{ 
   // Zeit aktualisieren
  if (ntp.update())
  {
    // überprüfen ob die Zeit gültig ist
    if (ntp.isValid())
    {
      Sekunden = ntp.seconds();
 
      // Canvas erstellen
      Bereich.fillScreen(SCHWARZ);    
  
      // Datum
      Bereich.setCursor(30, 90);    
      Bereich.setFont(&FreeSans18pt7b);  
      Bereich.setTextColor(HELLBLAU);
      Bereich.print(ntp.formattedTime("%d. %m. %Y"));

      // Zeit
      Bereich.setCursor(20, 180);    
      Bereich.setFont(&FreeSans40pt7b);  
      Bereich.setTextColor(GRUEN);
      Bereich.print(ntp.formattedTime("%H:%M"));
  
      // Canvas anzeigen
      tft_Uhr.drawRGBBitmap(1,1, Bereich.getBuffer(), Bereich.width(), Bereich.height());
    }

    // Zeit ist nicht gültig
    else
    {
      // prüfen, ob WiFi verbunden ist
      while (WiFi.status() != WL_CONNECTED)
      {
        delay(200);
        Serial.print(".");
      }
      Start = true;
    }
  }
  // WiFi ist nicht verbunden
  else
  {
    // prüfen, ob WiFi verbunden ist
    while (WiFi.status() != WL_CONNECTED)
    {
      delay(200);
      Serial.print(".");
    }
    Start = true;
  }

  // Messwerte BME280 1 Nachkommastelle
  String Temperatur = String(bme.readTemperature(), 1);
  String Luftfeuchtigkeit = String(bme.readHumidity(), 1);;

  // Luftdruck als ganze Zahl
  String Luftdruck = String(int(bme.readPressure() / 100.0)); 

  // . durch , ersetzen
  Temperatur.replace(".", ",");
  Luftfeuchtigkeit.replace(".", ",");

  tft_BME.fillScreen(SCHWARZ);
  tft_BME.setCursor(40,80);
  tft_BME.setFont(&FreeSans18pt7b);  
  tft_BME.setTextColor(HELLBLAU);
  tft_BME.print(Temperatur);

  // Grad-Zeichen als Kreis
  tft_BME.drawCircle(122, 60, 6, HELLBLAU);
  tft_BME.setCursor(130,80);
  tft_BME.print("C");

  tft_BME.setCursor(40,130);
  tft_BME.setTextColor(GRUEN);
  tft_BME.print(Luftfeuchtigkeit + "%");

  tft_BME.setCursor(40,180);
  tft_BME.setTextColor(ROT);
  tft_BME.print(Luftdruck + " hPa");
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

#include "WiFi.h"

#include "WiFiUdp.h"

#include "Adafruit_GFX.h"

#include "Adafruit_GC9A01A.h"

#include "Adafruit_BME280.h"

// interne Schriften

#include "Fonts/FreeSans24pt7b.h"

#include "Fonts/FreeSans18pt7b.h"

#include "Fonts/FreeSans12pt7b.h"

// mit https://rop.nl/truetype2gfx/ erstellte Schriftgrößen

#include "Fonts/FreeSans32pt7b.h"

#include "Fonts/FreeSans40pt7b.h"

#include "NTP3.h"

// SSID und Passwort des Routers

char Router[] = "Router_SSID";

char Passwort[] = "xxxxxxxx";

WiFiUDP wifiUdp;

NTP3 ntp(wifiUdp);

// Objekt der Bibliothek erstellen

Adafruit_BME280 bme;

// ESP32-WROOM

// #define TFT_CS_Uhr 5

// #define TFT_CS_BME 17

// #define TFT_RST 4

// #define TFT_DC 2

// ESP32-S3

// #define TFT_CS_Uhr 10

// #define TFT_CS_BME 14

// #define TFT_RST 5

// #define TFT_DC 4

// ESP32-C6/ESP32-C6-Zero

// #define TFT_CS_Uhr 18

// #define TFT_CS_BME 6

// #define TFT_RST 3

// #define TFT_DC 2

// ESP32-C3 Zero/ESP32-C3 Super Mini

// #define TFT_CS_Uhr 7

// #define TFT_CS_BME 3

// #define TFT_RST 3

// #define TFT_DC 2

// ESP32-C5 Zero

#define TFT_CS_Uhr 6

#define TFT_CS_BME 7

#define TFT_RST 5

#define TFT_DC 4

// Pins anpassen

#define SDA_PIN 2

#define SCL_PIN 3

// 1-Bit Canvas definieren

GFXcanvas16 Bereich(320, 240);

Adafruit_GC9A01A tft_Uhr(TFT_CS_Uhr, TFT_DC);

Adafruit_GC9A01A tft_BME(TFT_CS_BME, TFT_DC);

// Farben

#define SCHWARZ 0x0000

#define WEISS 0xFFFF

#define BLAU 0x001F

#define ROT 0xF800

#define GRUEN 0x07E0

#define CYAN 0x07FF

#define MAGENTA 0xF81F

#define GELB 0xFFE0

#define BRAUN 0x9A60

#define GRAU 0x7BEF

#define GRUENGELB 0xB7E0

#define DUNKELCYAN 0x03EF

#define ORANGE 0xFDA0

#define PINK 0xFE19

#define BORDEAUX 0xA000

#define HELLBLAU 0x867D

#define VIOLETT 0x915C

#define SILBER 0xC618

#define GOLD 0xFEA0

// beim Start des loop-Teils wird die Zeit einmalig synchronisiert

volatile bool Start = true;

unsigned long Zeitmessung = 0;

int Sekunden;

void setup()

{

Serial.begin(9600);

delay(2000);

// Wire mit den I2C-Pins starten

Wire.begin(SDA_PIN, SCL_PIN);

tft_Uhr.begin();

tft_BME.begin();

// Rotation anpassen

tft_Uhr.setRotation(2);

tft_Uhr.fillScreen(SCHWARZ);

tft_Uhr.setCursor(40, 120);

tft_Uhr.setFont(&FreeSans12pt7b);

tft_Uhr.print("WiFi verbinden ...");

tft_BME.setRotation(2);

tft_BME.fillScreen(SCHWARZ);

tft_BME.setFont(&FreeSans12pt7b);

// BME280 starten, bei Misserfolg Meldung anzeigen

if (!bme.begin(0x76))

{

Serial.println("BME280 nicht verbunden");

Serial.println("Verkabelung und/oder HEX-Adresse prüfen!");

Serial.println("Start mit möglichen HEX-Adressen:");

Serial.println("bme.begin(0x76);");

Serial.println("bme.begin(0x77);");

Serial.println("Programm wird beendet!");

tft_BME.fillScreen(SCHWARZ);

tft_BME.setCursor(20, 90);

tft_BME.print("BME nicht gestartet");

tft_BME.setCursor(20, 120);

tft_BME.print("HEX-Adresse");

tft_BME.setCursor(20, 150);

tft_BME.print("korrigieren");

tft_BME.setCursor(20, 180);

tft_BME.print("Programm beendet");

while(1);

}

else

{

Serial.println("BME280 erfolgreich gestartet!");

tft_BME.setCursor(40, 120);

tft_BME.print("BME gestartet");

}

delay(1000);

// WiFi starten DHCP

WiFi.begin(Router, Passwort);

WiFi.mode(WIFI_MODE_STA);

WiFi.setSleep(false);

WiFi.setAutoReconnect(true);

ntp.updateInterval(30000);

while(WiFi.status() != WL_CONNECTED)

{

delay(200);

Serial.print(".");

}

Zeitzone

CEST: Central European Summertime

Beginn europäische Sommerzeit letzter Sonntag im März 2 Uhr GMT + 2 Stunden

ntp.ruleDST("CEST", Last, Sun, Mar, 2, 120);

// CET: Central European Time

// Beginn Normalzeit letzter Sonntag im Oktober 3 Uhr GMT + 1 Stunde

ntp.ruleSTD("CET", Last, Sun, Oct, 3, 60);

// ntp starten

ntp.begin();

// WiFi-Daten anzeigen

tft_Uhr.fillScreen(SCHWARZ);

tft_Uhr.setCursor(40, 70);

tft_Uhr.print("WiFi verbunden ...");

tft_Uhr.setCursor(40, 100);

tft_Uhr.print(WiFi.localIP());

tft_Uhr.setCursor(40, 130);

tft_Uhr.print(WiFi.SSID());

tft_Uhr.setCursor(40, 160);

tft_Uhr.print(WiFi.RSSI());

delay(5000);

Zeitmessung = millis() + 1000;

}

void loop()

{

// Start = true

// -> Zeit einmalig beim Start synchronisieren

// danach zur vollen Minute

if (Start)

{

Start = false;

ZeitAnzeigen();

}

// Sekunden weiter zählen

if (Zeitmessung < millis())

{

Zeitmessung += 1000;

Sekunden++;

// nach 60 Sekunden Zeit und Messwerte aktualisieren

if (Sekunden == 60) ZeitAnzeigen();

}

void ZeitAnzeigen()

{

// Zeit aktualisieren

if (ntp.update())

{

// überprüfen ob die Zeit gültig ist

if (ntp.isValid())

{

Sekunden = ntp.seconds();

// Canvas erstellen

Bereich.fillScreen(SCHWARZ);

// Datum

Bereich.setCursor(30, 90);

Bereich.setFont(&FreeSans18pt7b);

Bereich.setTextColor(HELLBLAU);

Bereich.print(ntp.formattedTime("%d. %m. %Y"));

// Zeit

Bereich.setCursor(20, 180);

Bereich.setFont(&FreeSans40pt7b);

Bereich.setTextColor(GRUEN);

Bereich.print(ntp.formattedTime("%H:%M"));

// Canvas anzeigen

tft_Uhr.drawRGBBitmap(1,1, Bereich.getBuffer(), Bereich.width(), Bereich.height());

}

// Zeit ist nicht gültig

else

{

// prüfen, ob WiFi verbunden ist

while (WiFi.status() != WL_CONNECTED)

{

delay(200);

Serial.print(".");

}

Start = true;

}

// WiFi ist nicht verbunden

else

{

// prüfen, ob WiFi verbunden ist

while (WiFi.status() != WL_CONNECTED)

{

delay(200);

Serial.print(".");

}

Start = true;

}

// Messwerte BME280 1 Nachkommastelle

String Temperatur = String(bme.readTemperature(), 1);

String Luftfeuchtigkeit = String(bme.readHumidity(), 1);;

// Luftdruck als ganze Zahl

String Luftdruck = String(int(bme.readPressure() / 100.0));

// . durch , ersetzen

Temperatur.replace(".", ",");

Luftfeuchtigkeit.replace(".", ",");

tft_BME.fillScreen(SCHWARZ);

tft_BME.setCursor(40,80);

tft_BME.setFont(&FreeSans18pt7b);

tft_BME.setTextColor(HELLBLAU);

tft_BME.print(Temperatur);

// Grad-Zeichen als Kreis

tft_BME.drawCircle(122, 60, 6, HELLBLAU);

tft_BME.setCursor(130,80);

tft_BME.print("C");

tft_BME.setCursor(40,130);

tft_BME.setTextColor(GRUEN);

tft_BME.print(Luftfeuchtigkeit + "%");

tft_BME.setCursor(40,180);

tft_BME.setTextColor(ROT);

tft_BME.print(Luftdruck + " hPa");

}

Letzte Aktualisierung: Aug. 31, 2026 @ 9:46