/* An example showing rainbow colours on a 1.8" TFT LCD screen and to show a basic example of font use. Make sure all the display driver and pin connections are correct by editing the User_Setup.h file in the TFT_eSPI library folder. Note that yield() or delay(0) must be called in long duration for/while loops to stop the ESP8266 watchdog triggering. ######################################################################### ###### DON'T FORGET TO UPDATE THE User_Setup.h FILE IN THE LIBRARY ###### ######################################################################### */ #include // Graphics and font library for ST7735 driver chip #include TFT_eSPI tft = TFT_eSPI(); // Invoke library, pins defined in User_Setup.h unsigned long targetTime = 0; byte red = 31; byte green = 0; byte blue = 0; byte state = 0; unsigned int colour = red << 11; void setup(void) { tft.init(); tft.setRotation(1); tft.fillScreen(TFT_BLACK); targetTime = millis() + 1000; } void loop() { if (targetTime < millis()) { targetTime = millis() + 10000; // Colour changing state machine for (int i = 0; i < 160; i++) { tft.drawFastVLine(i, 0, tft.height(), colour); switch (state) { case 0: green += 2; if (green == 64) { green = 63; state = 1; } break; case 1: red--; if (red == 255) { red = 0; state = 2; } break; case 2: blue ++; if (blue == 32) { blue = 31; state = 3; } break; case 3: green -= 2; if (green == 255) { green = 0; state = 4; } break; case 4: red ++; if (red == 32) { red = 31; state = 5; } break; case 5: blue --; if (blue == 255) { blue = 0; state = 0; } break; } colour = red << 11 | green << 5 | blue; } // The standard ADAFruit font still works as before tft.setTextColor(TFT_BLACK); tft.setCursor (12, 5); tft.print("Original ADAfruit font!"); // The new larger fonts do not use the .setCursor call, coords are embedded tft.setTextColor(TFT_BLACK, TFT_BLACK); // Do not plot the background colour // Overlay the black text on top of the rainbow plot (the advantage of not drawing the backgorund colour!) tft.drawCentreString("Font size 2", 80, 14, 2); // Draw text centre at position 80, 12 using font 2 //tft.drawCentreString("Font size 2",81,12,2); // Draw text centre at position 80, 12 using font 2 tft.drawCentreString("Font size 4", 80, 30, 4); // Draw text centre at position 80, 24 using font 4 tft.drawCentreString("12.34", 80, 54, 6); // Draw text centre at position 80, 24 using font 6 tft.drawCentreString("12.34 is in font size 6", 80, 92, 2); // Draw text centre at position 80, 90 using font 2 // Note the x position is the top left of the font! // draw a floating point number float pi = 3.14159; // Value to print int precision = 3; // Number of digits after decimal point int xpos = 50; // x position int ypos = 110; // y position int font = 2; // font number only 2,4,6,7 valid. Font 6 only contains characters [space] 0 1 2 3 4 5 6 7 8 9 0 : a p m xpos += tft.drawFloat(pi, precision, xpos, ypos, font); // Draw rounded number and return new xpos delta for next print position tft.drawString(" is pi", xpos, ypos, font); // Continue printing from new x position } }