/* This example draws rainbow colours on the screen, adds text in various fast rendering fonts and then sends the TFT screen to a PC over the serial port to a processing sketch. This sketch uses the GLCD, 2, 4, 6 fonts. Make sure all the display driver and pin comnenctions are correct by editting the User_Setup.h file in the TFT_eSPI library folder. ######################################################################### ###### DON'T FORGET TO UPDATE THE User_Setup.h FILE IN THE LIBRARY ###### ######################################################################### */ #include // Hardware-specific library #include TFT_eSPI tft = TFT_eSPI(); // Invoke custom library with default width and height //TFT_eSPI tft = TFT_eSPI(240, 320); // Could invoke custom library declaring width and height unsigned long targetTime = 0; byte red = 31; byte green = 0; byte blue = 0; byte state = 0; unsigned int colour = red << 11; // Colour order is RGB 5+6+5 bits each void setup(void) { Serial.begin(921600); tft.init(); tft.setRotation(0); tft.fillScreen(TFT_BLACK); targetTime = millis() + 1000; } void loop() { if (targetTime < millis()) { targetTime = millis() + 4000; rainbow_fill(); // Fill the screen with rainbow colours // The standard AdaFruit font still works as before tft.setTextColor(TFT_BLACK); // Background is not defined so it is transparent tft.setCursor (60, 5); tft.setTextFont(0); // Select font 0 which is the Adafruit font tft.print("Original Adafruit font!"); //tft.drawString("Original Adafruit font!",60,5,1); // The new larger fonts do not need to use the .setCursor call, coords are embedded tft.setTextColor(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", 120, 14, 2); // Draw text centre at position 120, 14 using font 2 tft.drawCentreString("Font size 4", 120, 30, 4); // Draw text centre at position 120, 30 using font 4 tft.drawCentreString("12.34", 120, 54, 6); // Draw text centre at position 120, 54 using font 6 tft.drawCentreString("12.34 is in font size 6", 120, 92, 2); // Draw text centre at position 120, 92 using font 2 // Note the x position is the top 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 = 90; // x position int ypos = 110; // y position int font = 2; // font number 2 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 tft.setTextSize(1); // We are using a size multiplier of 1 tft.setTextColor(TFT_BLACK); // Set text colour to black, no background (so transparent) tft.setCursor(36, 150, 4); // Set cursor to x = 36, y = 150 and use font 4 tft.println("Transparent..."); // As we use println, the cursor moves to the next line tft.setCursor(30, 175); // Set cursor to x = 30, y = 175 tft.setTextColor(TFT_WHITE, TFT_BLACK); // Set text colour to white and background to black tft.println(" White on black "); tft.setTextFont(4); // Select font 4 without moving cursor tft.setCursor(50, 210); // Set cursor to x = 50, y = 210 without changing the font tft.setTextColor(TFT_WHITE); // By using #TFT print we can use all the formatting features like printing HEX tft.print(57005, HEX); // Cursor does no move to next line tft.println(48879, HEX); // print and move cursor to next line tft.setTextColor(TFT_GREEN, TFT_BLACK); // This time we will use green text on a black background tft.setTextFont(2); // Select font 2 // An easier way to position text and blank old text is to set the datum and use width padding tft.setTextDatum(BC_DATUM); // Bottom centre for text datum tft.setTextPadding(241); // Pad text to full screen wdth (240 pixels + 1 spare for +/-1 position rounding) tft.drawString("Ode to a Small Lump of Green Putty", 120, 300 - 32); tft.drawString("I Found in My Armpit One Midsummer", 120, 300 - 16); tft.drawString("Morning", 120, 300); tft.setTextDatum(TL_DATUM); // Reset to top left for text datum screenServer(); } } // Fill screen with a rainbow pattern void rainbow_fill() { // The colours and state are not initialised so the start colour changes each time the funtion is called for (int i = 319; i >= 0; i--) { // This is a "state machine" that ramps up/down the colour brightnesses in sequence switch (state) { case 0: green ++; 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 --; 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; // Draw a line 1 pixel wide in the selected colour tft.drawFastHLine(0, i, tft.width(), colour); // in this example tft.width() returns the pixel width of the display } }