Displaying Graphics on Adafruit P358 Driven by ESP8266

EL Wire/Tape/Panels, LEDs, pixels and strips, LCDs and TFTs, etc products from Adafruit

Moderators: adafruit_support_bill, adafruit

Please be positive and constructive with your questions and comments.
User avatar
BlackWhiteFang
 
Posts: 59
Joined: Wed Oct 21, 2020 11:33 am

Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by BlackWhiteFang »

I recently purchased the 10-pin, Adafruit P358 display. I am trying to display graphics on this display, driving it with a 30-pin ESP8266 uprocessor, using the Adafruit ST7735 Library.

The sketch will not upload. What am I doing wrong?

Details related to running this sketch are listed in the top end of this sketch

Sketch Listing:

Code: Select all

################################################################################
//#
//#                      Sketch:  ESP8266_ST7735_Adfruit_demo_JR1
//#
//#                        Date:  2-14-23
//#
//#             Microcontroller: 30-pin ESP8266
//#   uController Circuit Model: Generic ESP8266 Module  
//#
//#                     Display:  10-pin Adafruit P358
//#                               128*160 SPI TFT (SD card reader not used) 
//#
//#                  Controller: ST7735S
//#
//#     This example is from the Adafruit ST7735 and ST7789 library
//#     and is used here with the ESP8266 NodeMCU ESP12E uController
//#
//#           Pin Assignment
//#
//#   ESP8266   ======    Adafruit
//#   NodeMCU               P358
//#   ESP-12E          120*160 SPI TFT
//#   3V    --------------- VCC
//#   GND   --------------- GND
//#   D8    --------------- CS
//#   D4    --------------- RESET
//#   D3    --------------- A0   D/C   DC
//#   D7    --------------- SDA
//#   D5    --------------- SCK
//#   3V    --------------- LED
//#
//#                         MISO  Not Used
//#                         CCS   Not Used
//#
//# public domain
//# Floris Wouterlood
//# January 1, 2023


/**************************************************************************
  This is a library for several Adafruit displays based on ST77* drivers.

  Check out the links above for our tutorials and wiring diagrams.
  These displays use SPI to communicate, 4 or 5 pins are required to
  interface (RST is optional).

  Adafruit invests time and resources providing this open source code,
  please support Adafruit and open-source hardware by purchasing
  products from Adafruit!

  Written by Limor Fried/Ladyada for Adafruit Industries.
  MIT license, all text above must be included in any redistribution
 **************************************************************************/

   #include <Adafruit_GFX.h>    // core graphics library
   #include <Adafruit_ST7735.h> // hardware-specific library for ST7735
   #include <SPI.h>

   #define TFT_CS         8
   #define TFT_RST        4 
                                              
 //  #define TFT_DC         3

   #define TFT_SDA        7
   #define TFT_SCK        5 

  #define TFT_DC         1
   
   #define shortdelay    500

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

   float p = 3.1415926;

void setup(void) {

   Serial.begin (9600);
   Serial.println ();
   Serial.println ();   
   delay (shortdelay*2);   
   Serial.println (F("Hello! ST7735 180*160 SPI TFT Test"));

   tft.initR (INITR_BLACKTAB);      // init ST7735S chip, black tab
   Serial.println (F("Initialized"));

   uint16_t time = millis();
   tft.fillScreen (ST77XX_BLACK);
   time = millis() - time;

   Serial.println (time, DEC);
   delay (shortdelay);
 
   // large block of text
   tft.fillScreen (ST77XX_BLACK);
   testdrawtext ("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur adipiscing ante sed nibh tincidunt feugiat. Maecenas enim massa, fringilla sed malesuada et, malesuada sit amet turpis. Sed porttitor neque ut ante pretium vitae malesuada nunc bibendum. Nullam aliquet ultrices massa eu hendrerit. Ut sed nisi lorem. In vestibulum purus a tortor imperdiet posuere bladebla.", ST77XX_WHITE);
   delay (shortdelay*2);

   // tft print function!
   tftPrintTest();
   delay (shortdelay*8);

   // a single pixel
   tft.drawPixel (tft.width()/2, tft.height()/2, ST77XX_GREEN);
   delay (shortdelay);

   // line draw test
   testlines (ST77XX_YELLOW);
   delay (shortdelay);

   // optimized lines
   testfastlines (ST77XX_RED, ST77XX_BLUE);
   delay (shortdelay);

   testdrawrects (ST77XX_GREEN);
   delay (shortdelay);

   testfillrects (ST77XX_YELLOW, ST77XX_MAGENTA);
   delay (shortdelay);

   tft.fillScreen (ST77XX_BLACK);
   testfillcircles (10, ST77XX_BLUE);
   testdrawcircles (10, ST77XX_WHITE);
   delay (shortdelay);

   testroundrects();
   delay (shortdelay);

   testtriangles();
   delay (shortdelay);

   mediabuttons();
   delay (shortdelay);

   Serial.println ("done");
   delay (shortdelay*2);
}

void loop() {
  tft.invertDisplay (true);
  delay (shortdelay);
  tft.invertDisplay (false);
  delay (shortdelay);
}

void testlines (uint16_t color) {
  tft.fillScreen (ST77XX_BLACK);
  for (int16_t x=0; x < tft.width(); x+=6) {
    tft.drawLine (0, 0, x, tft.height()-1, color);
    delay (0);
  }
  for (int16_t y=0; y < tft.height(); y+=6) {
    tft.drawLine (0, 0, tft.width()-1, y, color);
    delay (0);
  }

  tft.fillScreen(ST77XX_BLACK);
  for (int16_t x=0; x < tft.width(); x+=6) {
    tft.drawLine (tft.width()-1, 0, x, tft.height()-1, color);
    delay (0);
  }
  for (int16_t y=0; y < tft.height(); y+=6) {
    tft.drawLine (tft.width()-1, 0, 0, y, color);
    delay (0);
  }

  tft.fillScreen (ST77XX_BLACK);
  for (int16_t x=0; x < tft.width(); x+=6) {
    tft.drawLine (0, tft.height()-1, x, 0, color);
    delay (0);
  }
  for (int16_t y=0; y < tft.height(); y+=6) {
    tft.drawLine (0, tft.height()-1, tft.width()-1, y, color);
    delay (0);
  }

  tft.fillScreen (ST77XX_BLACK);
  for (int16_t x=0; x < tft.width(); x+=6) {
    tft.drawLine (tft.width()-1, tft.height()-1, x, 0, color);
    delay (0);
  }
  for (int16_t y=0; y < tft.height(); y+=6) {
    tft.drawLine (tft.width()-1, tft.height()-1, 0, y, color);
    delay (0);
  }
}

void testdrawtext (char *text, uint16_t color) {
  tft.setCursor (0, 0);
  tft.setTextColor (color);
  tft.setTextWrap (true);
  tft.print (text);
}

void testfastlines (uint16_t color1, uint16_t color2) {
  tft.fillScreen (ST77XX_BLACK);
  for (int16_t y=0; y < tft.height (); y+=5) {
    tft.drawFastHLine (0, y, tft.width (), color1);
  }
  for (int16_t x=0; x < tft.width (); x+=5) {
    tft.drawFastVLine (x, 0, tft.height (), color2);
  }
}

void testdrawrects (uint16_t color) {
  tft.fillScreen (ST77XX_BLACK);
  for (int16_t x=0; x < tft.width (); x+=6) {
    tft.drawRect (tft.width ()/2 -x/2, tft.height ()/2 -x/2 , x, x, color);
  }
}

void testfillrects (uint16_t color1, uint16_t color2) {
  tft.fillScreen (ST77XX_BLACK);
  for (int16_t x=tft.width ()-1; x > 6; x-=6) {
    tft.fillRect (tft.width ()/2 -x/2, tft.height ()/2 -x/2 , x, x, color1);
    tft.drawRect (tft.width ()/2 -x/2, tft.height ()/2 -x/2 , x, x, color2);
  }
}

void testfillcircles (uint8_t radius, uint16_t color) {
  for (int16_t x=radius; x < tft.width (); x+=radius*2) {
    for (int16_t y=radius; y < tft.height (); y+=radius*2) {
      tft.fillCircle (x, y, radius, color);
    }
  }
}

void testdrawcircles (uint8_t radius, uint16_t color) {
  for (int16_t x=0; x < tft.width ()+radius; x+=radius*2) {
    for (int16_t y=0; y < tft.height ()+radius; y+=radius*2) {
      tft.drawCircle (x, y, radius, color);
    }
  }
}

void testtriangles() {
  tft.fillScreen (ST77XX_BLACK);
  uint16_t color = 0xF800;
  int t;
  int w = tft.width ()/2;
  int x = tft.height ()-1;
  int y = 0;
  int z = tft.width ();
  for (t = 0 ; t <= 15; t++) {
    tft.drawTriangle (w, y, y, x, z, x, color);
    x-=4;
    y+=4;
    z-=4;
    color+=100;
  }
}

void testroundrects () {
  tft.fillScreen (ST77XX_BLACK);
  uint16_t color = 100;
  int i;
  int t;
  for(t = 0 ; t <= 4; t+=1) {
    int x = 0;
    int y = 0;
    int w = tft.width ()-2;
    int h = tft.height ()-2;
    for(i = 0 ; i <= 16; i+=1) {
      tft.drawRoundRect (x, y, w, h, 5, color);
      x+=2;
      y+=3;
      w-=4;
      h-=6;
      color+=1100;
    }
    color+=100;
  }
}

void tftPrintTest () {
   tft.setTextWrap (false);
   tft.fillScreen (ST77XX_BLACK);
   tft.setCursor (0, 30);
   tft.setTextColor (ST77XX_RED);
   tft.setTextSize (1);
   tft.println ("Hello World!");
   tft.setTextColor (ST77XX_YELLOW);
   tft.setTextSize(2);
   tft.println ("Hello World!");
   tft.setTextColor (ST77XX_GREEN);
   tft.setTextSize (3);
   tft.println ("Hello World!");
   tft.setTextColor (ST77XX_BLUE);
   tft.setTextSize (4);
   tft.print (1234.567);
   delay (shortdelay*3);
   tft.setCursor (0, 0);
   tft.fillScreen (ST77XX_BLACK);
   tft.setTextColor (ST77XX_WHITE);
   tft.setTextSize (0);
   tft.println ("Hello World!");
   tft.setTextSize (1);
   tft.setTextColor (ST77XX_GREEN);
   tft.print (p, 6);
   tft.println (" Want pi?");
   tft.println (" ");
   tft.print (8675309, HEX); // print 8,675,309 out in HEX!
   tft.println (" Print HEX!");
   tft.println (" ");
   tft.setTextColor (ST77XX_WHITE);
   tft.println ("Sketch has been");
   tft.println ("running for: ");
   tft.setTextColor (ST77XX_MAGENTA);
   tft.print(millis () / 1000);
   tft.setTextColor (ST77XX_WHITE);
   tft.print (" seconds.");
}

void mediabuttons() {
   // play
   tft.fillScreen (ST77XX_BLACK);
   tft.fillRoundRect (25, 10, 78, 60, 8, ST77XX_WHITE);
   tft.fillTriangle (42, 20, 42, 60, 90, 40, ST77XX_RED);
   delay (shortdelay*2);
   // pause
   tft.fillRoundRect (25, 90, 78, 60, 8, ST77XX_WHITE);
   tft.fillRoundRect (39, 98, 20, 45, 5, ST77XX_GREEN);
   tft.fillRoundRect (69, 98, 20, 45, 5, ST77XX_GREEN);
   delay(shortdelay*2);
   // play color
   tft.fillTriangle (42, 20, 42, 60, 90, 40, ST77XX_BLUE);
   delay (shortdelay/10);
   // pause color
   tft.fillRoundRect (39, 98, 20, 45, 5, ST77XX_RED);
   tft.fillRoundRect (69, 98, 20, 45, 5, ST77XX_RED);
   // play color
   tft.fillTriangle (42, 20, 42, 60, 90, 40, ST77XX_GREEN);
}
The error messages I get at the end of the failed up load are:
esptool.py v3.0
Serial port COM4
Connecting........_____....._____....._____....._____....._____....._____.....____Traceback (most recent call last):
File "C:\Users\Jerry Renken\AppData\Local\Arduino15\packages\esp8266\hardware\esp8266\3.0.2/tools/upload.py", line 66, in <module>
esptool.main(cmdline)
File "C:/Users/Jerry Renken/AppData/Local/Arduino15/packages/esp8266/hardware/esp8266/3.0.2/tools/esptool\esptool.py", line 3552, in main
esp.connect(args.before, args.connect_attempts)
File "C:/Users/Jerry Renken/AppData/Local/Arduino15/packages/esp8266/hardware/esp8266/3.0.2/tools/esptool\esptool.py", line 529, in connect
raise FatalError('Failed to connect to %s: %s' % (self.CHIP_NAME, last_error))
esptool.FatalError: Failed to connect to ESP8266: Timed out waiting for packet header
esptool.FatalError: Failed to connect to ESP8266: Timed out waiting for packet header
Attachments
Error Messages ESP8266 Driving Adafruit P358 Display.docx
(11.78 KiB) Downloaded 3 times
Last edited by adafruit_support_carter on Tue Feb 14, 2023 6:58 pm, edited 1 time in total.
Reason: fix markup tags

User avatar
adafruit_support_carter
 
Posts: 29168
Joined: Tue Nov 29, 2016 2:45 pm

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by adafruit_support_carter »

That looks like a basic sketch upload issue. Have you been able to run the basic Blink example on your ESP8266 board? Not the TFT, just blinking an LED?

User avatar
BlackWhiteFang
 
Posts: 59
Joined: Wed Oct 21, 2020 11:33 am

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by BlackWhiteFang »

Yes. With the TFT display disconnected, the Blink sketch loaded up and ran, blinking the LED on the 8266 board about once per second. Then if I plugged the display into the 8266, Blink kept right on blinking

If I connected the display to the 8266, and then upload the blink sketch, it times out waiting for the packet header.

User avatar
adafruit_support_carter
 
Posts: 29168
Joined: Tue Nov 29, 2016 2:45 pm

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by adafruit_support_carter »

Sounds like a hardware issue with the TFT connections.

Please post a photo of your setup showing how everything is connected.

User avatar
BlackWhiteFang
 
Posts: 59
Joined: Wed Oct 21, 2020 11:33 am

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by BlackWhiteFang »

I have been trying to answer this request. I can place photos with a "JPG" extension into my posted reply just fine.

However, I have a VISIO drawing figure which I have not been able to copy into the reply.

How can I do this?

User avatar
adafruit_support_carter
 
Posts: 29168
Joined: Tue Nov 29, 2016 2:45 pm

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by adafruit_support_carter »

A JPG is fine. We need a photo of the actual setup. Not a diagram.

User avatar
BlackWhiteFang
 
Posts: 59
Joined: Wed Oct 21, 2020 11:33 am

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by BlackWhiteFang »

I have designed and built Interface PCB's to connect the uProcessor, in this case the 30-Pin ESP8266 with the selected display, in this case the 10-Pin Adafruit P358.

The pins on the uProcessor and TFT display are connected to pin headers using traces within the Interface PCB. Connections between the pin headers for the uProcessor and the pin headers for the selected display are made using colored wires with socket heads which slip over the pins in the pin header rows. This method insures a tight, electrical connection between the wires and the pins.

Here are photos of the Interface PCB, the uProcessor and the display:
Top View of PCB.JPG
Top View of PCB.JPG (146.78 KiB) Viewed 246 times
P1.JPG
P1.JPG (121.63 KiB) Viewed 246 times
I hope that these photos suffice.

User avatar
adafruit_support_carter
 
Posts: 29168
Joined: Tue Nov 29, 2016 2:45 pm

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by adafruit_support_carter »

Do you have a breadboard available so the TFT can be tested as shown in the guide?
https://learn.adafruit.com/1-8-tft-disp ... g-and-test

User avatar
BlackWhiteFang
 
Posts: 59
Joined: Wed Oct 21, 2020 11:33 am

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by BlackWhiteFang »

Yes I do. It'll be interesting to see how this P358 TFT Display works when driven by an Arduino Uno. I'll wire it up and see what happens.

User avatar
BlackWhiteFang
 
Posts: 59
Joined: Wed Oct 21, 2020 11:33 am

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by BlackWhiteFang »

Murphy's Law Strikes Again!

The USB cable that I have been using for a number of years was bad. I connected a new USB cable to the Arduino Uno and graphicstest uploaded just fine and started running.

So, I know that the Adafruit P358 TFT Display works just fine, my Arduino Uno works just fine and "graphicstest" works just fine.

Now what can we do about my 30-pin ESP8266 driving the P358 Display?

( I am using a new USB cable for this connection. )

User avatar
adafruit_support_carter
 
Posts: 29168
Joined: Tue Nov 29, 2016 2:45 pm

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by adafruit_support_carter »

Setup the ESP8266 with the TFT on the breadboard. So it's just the Feather, the TFT, and jumper wires. And verify the same graphicstest sketch works with that setup.

See here for pinout details for the Feather ESP8266:
https://learn.adafruit.com/adafruit-fea ... 66/pinouts

User avatar
BlackWhiteFang
 
Posts: 59
Joined: Wed Oct 21, 2020 11:33 am

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by BlackWhiteFang »

Sorry to be such a drag. I purchased the Adafruit Huzzah ESP8266, soldered the pin headers on the PCB. I mounted the Huzzah PCB onto my white solder less breadboard along with the Adafruit P358 display.

Can you provide a pin connection between the Huzzah and the P358. I can't find one.

Best wishes

Jerry

User avatar
adafruit_support_carter
 
Posts: 29168
Joined: Tue Nov 29, 2016 2:45 pm

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by adafruit_support_carter »

Use this page for pinouts for the display:
https://learn.adafruit.com/1-8-tft-disp ... g-and-test

And then use the pinout page for the specific ESP8266 board you are using.

For a Feather ESP8266, see here:
https://learn.adafruit.com/adafruit-fea ... 66/pinouts

For a ESP8266 breakout, see here:
https://learn.adafruit.com/adafruit-huz ... ut/pinouts

And then make any necessary code changes to match to pins used.

User avatar
BlackWhiteFang
 
Posts: 59
Joined: Wed Oct 21, 2020 11:33 am

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by BlackWhiteFang »

I was successful in getting the Adafruit ESP32 Huzzah uProcessor to drive the Adafruit P358 display using the graphicsdemo sketch. However, not all of the graphics were drawn and displayed on the P358. When I used the same attached graphics sketch loaded into my Arduino Uno all of the graphics displayed.

Do we know why this happens?

graphicsdemo sketch:

Code: Select all

//#########################################################################
//#########################################################################
//
//    Sketch:  graphicstest_Huzzah_Drives_P358_1
//
//             This sketch worked on 3-5-23
//
//    ***  However, it does not do the full graphics range  ***
//    ***   as when the P358 is driven by the Arduino Uno   ***
//
//      Date:  3-5-23
//    
//             uP: Adafruit Feather Huzzah ESP32
//        Display: Adafruit P358
//    Board Model: Adafruit ESP32 Feather
//         Driver:  ST7735
//
//    ***  No voltage divider resistors are required  ***
//
//    Serial Port:  COM10
//
//#########################################################################
//#########################################################################

/**************************************************************************
  This is a library for several Adafruit displays based on ST77* drivers.

  Works with the Adafruit 1.8" TFT Breakout w/SD card
    ----> http://www.adafruit.com/products/358
  
  Check out the links above for our tutorials and wiring diagrams.
  These displays use SPI to communicate, 4 or 5 pins are required to
  interface (RST is optional).
  
 **************************************************************************/

//***************************************************************************
//***************************************************************************
//
//                        Huzzah ESP32     
//  Adafruit P358 Display   Feather     Wire
//  Pin    Pin Label         Pin       Color
//   1      GND              GND       Black
//   2      VCC              3.3V      Red
//   3      RST               12       Brown
//   4      D/C DC            16       Violet         -      
//   5      CARD_CS NU         X          X
//   6      TFT_CS            15       Orange            
//   7      MOSI  SDA          2       Yellow
//   8      SCK               14       Green
//   9      MISO  NU           X         X  
//  10      LITE              3.3V     Red 
//
//*******************************************************************************
//*******************************************************************************

#include <Adafruit_GFX.h>    // Core graphics library
#include <Adafruit_ST7735.h> // Hardware-specific library for ST7735
#include <Adafruit_ST7789.h> // Hardware-specific library for ST7789
#include <SPI.h>

//*************************************************************************
//*************************************************************************
//
//   Define the pinout from the Adafruit P358 Display to the Huzzah Below
//
//*************************************************************************
//*************************************************************************

      #define TFT_RST       12      // Brown Wire
      #define TFT_DC        16      // Violet Wire
      #define TFT_CS        15      // Orange Wire 
      #define TFT_SDA        2      // Yellow Wire                                                                
      #define TFT_SCK       14      // Green Wire
  
//*************************************************************************
//*************************************************************************
//
//      Choose Option 2
//
//*************************************************************************
//*************************************************************************

// OPTION 1 (recommended) is to use the HARDWARE SPI pins, which are unique
// to each board and not reassignable. For Arduino Uno: MOSI = pin 11 and
// SCLK = pin 13. This is the fastest mode of operation and is required if
// using the breakout board's microSD card.

// For 1.44" and 1.8" TFT with ST7735 use:

//    Adafruit_ST7735 tft = Adafruit_ST7735(TFT_CS, TFT_DC, TFT_RST);

// For 1.14", 1.3", 1.54", 1.69", and 2.0" TFT with ST7789:
//Adafruit_ST7789 tft = Adafruit_ST7789(TFT_CS, TFT_DC, TFT_RST);

//############################################################################
//############################################################################
//
//    OPTION 2 lets you interface the display using ANY TWO or THREE PINS,
//    tradeoff being that performance is not as fast as hardware SPI above.
//
//############################################################################
//############################################################################

//#define TFT_MOSI 11  // Data out
//#define TFT_SCLK 13  // Clock out

// For ST7735-based displays, we will use this call

    Adafruit_ST7735 tft = Adafruit_ST7735(TFT_CS, TFT_DC, TFT_SDA, TFT_SCK, TFT_RST);

// OR for the ST7789-based displays, we will use this call
//Adafruit_ST7789 tft = Adafruit_ST7789(TFT_CS, TFT_DC, TFT_MOSI, TFT_SCLK, TFT_RST);

//################################################################################
//
//   NBE starts here #############################################################
//
//################################################################################

float p = 3.1415926;

void setup(void) {
  Serial.begin(9600);
  Serial.print(F("Hello! ST77xx TFT Test"));

  // Use this initializer if using a 1.8" TFT screen:
  
  tft.initR(INITR_BLACKTAB);      // Init ST7735S chip, black tab

  // OR use this initializer if using a 1.8" TFT screen with offset such as WaveShare:
  // tft.initR(INITR_GREENTAB);      // Init ST7735S chip, green tab

  // OR use this initializer (uncomment) if using a 1.44" TFT:
  //tft.initR(INITR_144GREENTAB); // Init ST7735R chip, green tab

  // OR use this initializer (uncomment) if using a 0.96" 160x80 TFT:
  //tft.initR(INITR_MINI160x80);  // Init ST7735S mini display

  // OR use this initializer (uncomment) if using a 1.3" or 1.54" 240x240 TFT:
  //tft.init(240, 240);           // Init ST7789 240x240

  // OR use this initializer (uncomment) if using a 1.69" 280x240 TFT:
  //tft.init(240, 280);           // Init ST7789 280x240

  // OR use this initializer (uncomment) if using a 2.0" 320x240 TFT:
  //tft.init(240, 320);           // Init ST7789 320x240

  // OR use this initializer (uncomment) if using a 1.14" 240x135 TFT:
  //tft.init(135, 240);           // Init ST7789 240x135
  
  // OR use this initializer (uncomment) if using a 1.47" 172x320 TFT:
  //tft.init(172, 320);           // Init ST7789 172x320

  // SPI speed defaults to SPI_DEFAULT_FREQ defined in the library, you can override it here
  // Note that speed allowable depends on chip and quality of wiring, if you go too fast, you
  // may end up with a black screen some times, or all the time.
  //tft.setSPISpeed(40000000);

  Serial.println(F("Initialized"));

  uint16_t time = millis();
  tft.fillScreen(ST77XX_BLACK);
  time = millis() - time;

  Serial.println(time, DEC);
  delay(500);

  // large block of text
  tft.fillScreen(ST77XX_BLACK);
  testdrawtext("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur adipiscing ante sed nibh tincidunt feugiat. Maecenas enim massa, fringilla sed malesuada et, malesuada sit amet turpis. Sed porttitor neque ut ante pretium vitae malesuada nunc bibendum. Nullam aliquet ultrices massa eu hendrerit. Ut sed nisi lorem. In vestibulum purus a tortor imperdiet posuere. ", ST77XX_WHITE);
  delay(1000);

  // tft print function!
  tftPrintTest();
  delay(4000);

  // a single pixel
  tft.drawPixel(tft.width()/2, tft.height()/2, ST77XX_GREEN);
  delay(500);

  // line draw test
  testlines(ST77XX_YELLOW);
  delay(500);

  // optimized lines
  testfastlines(ST77XX_RED, ST77XX_BLUE);
  delay(500);

  testdrawrects(ST77XX_GREEN);
  delay(500);

  testfillrects(ST77XX_YELLOW, ST77XX_MAGENTA);
  delay(500);

  tft.fillScreen(ST77XX_BLACK);
  testfillcircles(10, ST77XX_BLUE);
  testdrawcircles(10, ST77XX_WHITE);
  delay(500);

  testroundrects();
  delay(500);

  testtriangles();
  delay(500);

  mediabuttons();
  delay(500);

  Serial.println("done");
  delay(1000);
}

void loop() {
  tft.invertDisplay(true);
  delay(500);
  tft.invertDisplay(false);
  delay(500);
}

void testlines(uint16_t color) {
  tft.fillScreen(ST77XX_BLACK);
  for (int16_t x=0; x < tft.width(); x+=6) {
    tft.drawLine(0, 0, x, tft.height()-1, color);
    delay(0);
  }
  for (int16_t y=0; y < tft.height(); y+=6) {
    tft.drawLine(0, 0, tft.width()-1, y, color);
    delay(0);
  }

  tft.fillScreen(ST77XX_BLACK);
  for (int16_t x=0; x < tft.width(); x+=6) {
    tft.drawLine(tft.width()-1, 0, x, tft.height()-1, color);
    delay(0);
  }
  for (int16_t y=0; y < tft.height(); y+=6) {
    tft.drawLine(tft.width()-1, 0, 0, y, color);
    delay(0);
  }

  tft.fillScreen(ST77XX_BLACK);
  for (int16_t x=0; x < tft.width(); x+=6) {
    tft.drawLine(0, tft.height()-1, x, 0, color);
    delay(0);
  }
  for (int16_t y=0; y < tft.height(); y+=6) {
    tft.drawLine(0, tft.height()-1, tft.width()-1, y, color);
    delay(0);
  }

  tft.fillScreen(ST77XX_BLACK);
  for (int16_t x=0; x < tft.width(); x+=6) {
    tft.drawLine(tft.width()-1, tft.height()-1, x, 0, color);
    delay(0);
  }
  for (int16_t y=0; y < tft.height(); y+=6) {
    tft.drawLine(tft.width()-1, tft.height()-1, 0, y, color);
    delay(0);
  }
}

void testdrawtext(char *text, uint16_t color) {
  tft.setCursor(0, 0);
  tft.setTextColor(color);
  tft.setTextWrap(true);
  tft.print(text);
}

void testfastlines(uint16_t color1, uint16_t color2) {
  tft.fillScreen(ST77XX_BLACK);
  for (int16_t y=0; y < tft.height(); y+=5) {
    tft.drawFastHLine(0, y, tft.width(), color1);
  }
  for (int16_t x=0; x < tft.width(); x+=5) {
    tft.drawFastVLine(x, 0, tft.height(), color2);
  }
}

void testdrawrects(uint16_t color) {
  tft.fillScreen(ST77XX_BLACK);
  for (int16_t x=0; x < tft.width(); x+=6) {
    tft.drawRect(tft.width()/2 -x/2, tft.height()/2 -x/2 , x, x, color);
  }
}

void testfillrects(uint16_t color1, uint16_t color2) {
  tft.fillScreen(ST77XX_BLACK);
  for (int16_t x=tft.width()-1; x > 6; x-=6) {
    tft.fillRect(tft.width()/2 -x/2, tft.height()/2 -x/2 , x, x, color1);
    tft.drawRect(tft.width()/2 -x/2, tft.height()/2 -x/2 , x, x, color2);
  }
}

void testfillcircles(uint8_t radius, uint16_t color) {
  for (int16_t x=radius; x < tft.width(); x+=radius*2) {
    for (int16_t y=radius; y < tft.height(); y+=radius*2) {
      tft.fillCircle(x, y, radius, color);
    }
  }
}

void testdrawcircles(uint8_t radius, uint16_t color) {
  for (int16_t x=0; x < tft.width()+radius; x+=radius*2) {
    for (int16_t y=0; y < tft.height()+radius; y+=radius*2) {
      tft.drawCircle(x, y, radius, color);
    }
  }
}

void testtriangles() {
  tft.fillScreen(ST77XX_BLACK);
  uint16_t color = 0xF800;
  int t;
  int w = tft.width()/2;
  int x = tft.height()-1;
  int y = 0;
  int z = tft.width();
  for(t = 0 ; t <= 15; t++) {
    tft.drawTriangle(w, y, y, x, z, x, color);
    x-=4;
    y+=4;
    z-=4;
    color+=100;
  }
}

void testroundrects() {
  tft.fillScreen(ST77XX_BLACK);
  uint16_t color = 100;
  int i;
  int t;
  for(t = 0 ; t <= 4; t+=1) {
    int x = 0;
    int y = 0;
    int w = tft.width()-2;
    int h = tft.height()-2;
    for(i = 0 ; i <= 16; i+=1) {
      tft.drawRoundRect(x, y, w, h, 5, color);
      x+=2;
      y+=3;
      w-=4;
      h-=6;
      color+=1100;
    }
    color+=100;
  }
}

void tftPrintTest() {
  tft.setTextWrap(false);
  tft.fillScreen(ST77XX_BLACK);
  tft.setCursor(0, 30);
  tft.setTextColor(ST77XX_RED);
  tft.setTextSize(1);
  tft.println("Hello World!");
  tft.setTextColor(ST77XX_YELLOW);
  tft.setTextSize(2);
  tft.println("Hello World!");
  tft.setTextColor(ST77XX_GREEN);
  tft.setTextSize(3);
  tft.println("Hello World!");
  tft.setTextColor(ST77XX_BLUE);
  tft.setTextSize(4);
  tft.print(1234.567);
  delay(1500);
  tft.setCursor(0, 0);
  tft.fillScreen(ST77XX_BLACK);
  tft.setTextColor(ST77XX_WHITE);
  tft.setTextSize(0);
  tft.println("Hello World!");
  tft.setTextSize(1);
  tft.setTextColor(ST77XX_GREEN);
  tft.print(p, 6);
  tft.println(" Want pi?");
  tft.println(" ");
  tft.print(8675309, HEX); // print 8,675,309 out in HEX!
  tft.println(" Print HEX!");
  tft.println(" ");
  tft.setTextColor(ST77XX_WHITE);
  tft.println("Sketch has been");
  tft.println("running for: ");
  tft.setTextColor(ST77XX_YELLOW);
  tft.print(millis() / 1000);
  tft.setTextColor(ST77XX_WHITE);
  tft.print(" seconds.");
}

void mediabuttons() {
  // play
  tft.fillScreen(ST77XX_BLACK);
  tft.fillRoundRect(25, 10, 78, 60, 8, ST77XX_WHITE);
  tft.fillTriangle(42, 20, 42, 60, 90, 40, ST77XX_RED);
  delay(500);
  // pause
  tft.fillRoundRect(25, 90, 78, 60, 8, ST77XX_WHITE);
  tft.fillRoundRect(39, 98, 20, 45, 5, ST77XX_GREEN);
  tft.fillRoundRect(69, 98, 20, 45, 5, ST77XX_GREEN);
  delay(500);
  // play color
  tft.fillTriangle(42, 20, 42, 60, 90, 40, ST77XX_BLUE);
  delay(50);
  // pause color
  tft.fillRoundRect(39, 98, 20, 45, 5, ST77XX_RED);
  tft.fillRoundRect(69, 98, 20, 45, 5, ST77XX_RED);
  // play color
  tft.fillTriangle(42, 20, 42, 60, 90, 40, ST77XX_GREEN);
}
Best wishes and thank you for all of your help
Last edited by adafruit_support_carter on Mon Mar 06, 2023 11:41 am, edited 1 time in total.
Reason: added [code] tags

User avatar
adafruit_support_carter
 
Posts: 29168
Joined: Tue Nov 29, 2016 2:45 pm

Re: Displaying Graphics on Adafruit P358 Driven by ESP8266

Post by adafruit_support_carter »

However, not all of the graphics were drawn and displayed on the P358
Can you post a photo of the TFT showing this behavior.

Locked
Please be positive and constructive with your questions and comments.

Return to “Glowy things (LCD, LED, TFT, EL) purchased at Adafruit”