141 lines
3.9 KiB
C++
141 lines
3.9 KiB
C++
/*
|
|
An example showing rainbow colours on a 160x128 TFT LCD screen
|
|
and to show a basic example of font use.
|
|
|
|
This example plots the text in a sprite then pushes the sprite to the
|
|
TFT screen.
|
|
|
|
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 ######
|
|
#########################################################################
|
|
*/
|
|
|
|
#define IWIDTH 160
|
|
#define IHEIGHT 128
|
|
|
|
#include <TFT_eSPI.h> // Graphics and font library
|
|
#include <SPI.h>
|
|
|
|
TFT_eSPI tft = TFT_eSPI(); // Invoke library, pins defined in User_Setup.h
|
|
|
|
TFT_eSprite img = TFT_eSprite(&tft);
|
|
|
|
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);
|
|
|
|
img.createSprite(IWIDTH, IHEIGHT);
|
|
img.fillSprite(TFT_BLACK);
|
|
|
|
targetTime = millis() + 1000;
|
|
}
|
|
|
|
void loop() {
|
|
|
|
if (targetTime < millis()) {
|
|
targetTime = millis() + 100;//10000;
|
|
|
|
// Colour changing state machine
|
|
for (int i = 0; i < 160; i++) {
|
|
img.drawFastVLine(i, 0, img.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
|
|
img.setTextColor(TFT_BLACK);
|
|
img.setCursor (12, 5);
|
|
img.print("Original ADAfruit font!");
|
|
|
|
// The new larger fonts do not use the .setCursor call, coords are embedded
|
|
img.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 background colour!)
|
|
img.drawCentreString("Font size 2", 80, 14, 2); // Draw text centre at position 80, 12 using font 2
|
|
|
|
//img.drawCentreString("Font size 2",81,12,2); // Draw text centre at position 80, 12 using font 2
|
|
|
|
img.drawCentreString("Font size 4", 80, 30, 4); // Draw text centre at position 80, 24 using font 4
|
|
|
|
img.drawCentreString("12.34", 80, 54, 6); // Draw text centre at position 80, 24 using font 6
|
|
|
|
img.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 += img.drawFloat(pi, precision, xpos, ypos, font); // Draw rounded number and return new xpos delta for next print position
|
|
img.drawString(" is pi", xpos, ypos, font); // Continue printing from new x position
|
|
|
|
img.pushSprite(0, 0);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|