New graphics library for NodeMCU (ESP8266) and SPI based TFT displays

New graphics library for NodeMCU (ESP8266) and SPI based TFT displays

Add Comment , Edit


 

 New graphics library for NodeMCU (ESP8266) and SPI based TFT displays


#1


Hello Bodmer!

Thank you SO MUCH for all your work on this stuff.  My project is going to ROCK because of you.

Can you or anyone tell me why I'm getting these artifacts when I try to display JPG images with your libraries?











Here's my code (based on your NodeMCU_Jpeg example sketch):

Code: [Select]


#define FS_NO_GLOBALS
#define TFT_BLACK 0
#include <FS.h>
#include <JPEGDecoder.h>
#include <SPI.h>
#include <Adafruit_GFX.h>
#include <TFT_eSPI.h>
TFT_eSPI tft = TFT_eSPI();

void setup()
{
  Serial.begin(9600); // Used for messages and the C array generator
  delay(10);
  Serial.println("NodeMCU decoder test!");
  tft.begin();
  tft.setRotation(0);  // 0 & 2 Portrait. 1 & 3 landscape
  tft.fillScreen(TFT_BLACK);
  if (!SPIFFS.begin()) {
    Serial.println("SPIFFS initialisation failed!");
    while (1) yield(); // Stay here twiddling thumbs waiting
  }
  Serial.println("\r\nInitialization done.");
  listFiles(); // Lists the files so you can see what is in the SPIFFS
}

void loop()
{
  tft.setRotation(0);  // portrait
  
  // Display Gear Image
  tft.fillScreen(TFT_BLACK);
  drawJpeg("/t5_gear.jpg", 0, 0);
  delay(2000);

  //Display Water Day image
  tft.fillScreen(TFT_BLACK);
  drawJpeg("/waterday.jpg", 0, 0);
  delay(2000);
}


I have attached both of the original 240x320 JPG image files to this message...maybe there's something wrong with how they are encoded?  I cannot figure this out.

Thank you so much for your help!

bodmer

#106
Apr 30, 2017, 03:20 pm 
Hi tsjim,

Assuming the library example images display OK, then I suspect the encoding format is the problem.

It looks like the MCU size is 8x8 whereas the examples I have tested are 16x16.

It looks like you have used Photoshop to encode the jpeg, perhaps try a different image edit program and try that.

I do not have access to my Arduino stuff at the moment so cannot test. If there is a bug in the 8x8 decoding then I will see if I can track it down.  The other possibility is that the SPI clock frequency is too high for the display. Try 27MHz if you think that may be the case.

bodmer

#107
May 04, 2017, 12:47 am Last Edit: May 04, 2017, 12:49 am by bodmer
Hi tsjim,

I checked the JPEGDecoder library with you files and get the same results on a NodeMCU and a Mega with a different graphics library so the problem must be in the JPEGDecoder library somewhere. The images are encoded as 8x8 MCU blocks and it looks like the decoder does not like this.  I used IrfanView to re-saved one of the files and this turned it into a 16x16 MCU size and this renders fine.  It also renders faster.  See attached.

I have not managed to track down this bug so the only work-around is to use jpeg files encoded in 16x16 MCU blocks.  I will post this as an issue on Github.

bodmer

#108
May 05, 2017, 02:50 am 
Hi tsjim,

I have tracked down the bug and corrected it in the picojpeg.c code.

Download the latest JPEGDecoder library via the IDE Library manager (now at 1.7.7). It may take a day for the IDE to see the latest version.  Or download a copy direct from Github.

The 8x8 MCU sized jpegs should render OK now.

Tip: The original Jpeg was 80kbytes, if you reduce the quality to make it 20kbytes then it will render faster when loading from SPIFFS.

tsjim

#109
May 08, 2017, 10:51 pm 

Hi Bodmer...

That was it!  It works perfectly now.  Awesome.

Thank you very much!

bodmer

#110
May 20, 2017, 03:23 am 
I have added Espressif ESP32 processor support to the TFT_eSPI library.

So far this has been tested with an ILI9341 based display.

Stan_S

#111
May 29, 2017, 12:11 am 
Hello Bodmer,
I got one of the raspberry pi displays working with the demo code but am having a problem getting the Plane spotter to work, have you gotten it to work on one of these displays? I is using the ILI9486 #5 driver.
Regards,
Stan

Mac_che

#112
Jun 09, 2017, 08:46 pm 
I happen to have one of those Kedei screens (two actually) so if I can be to any help that would be awesome. One works on my Pi, I want to use the other for Planespotter and Weatherstation. 

I read that it uses 3 pin SPI ( Someone mentioned that here) and afaik they all have the same markings but only the signals and display controllers change with almost every iteration. I know that there are a few guys that already connected some version (V5,4,3,2,1 if I am not mistaken) of these tft's to an Arduino and found out by scope what the timings are. That's a start I guess.

Anyway, what do we not know to make it work?  


3 pins SPI


Markings

On the back there are 2 connectors. One has 4 pins, 2 for 5 Vdc and 2 NC.

The other one has 8 pins:
L_CS   T_CS   IRQ   GND
GND   CLK   MISO   MOSI

This guy already interfaced (v5) with the ESp8266 and worked out the init for that version.

Mine is V6.3 so I think we need the Init for it (Maybe use working version on Raspberry for testing?) or I have to find out what controller is on the display and hope someone wrote the init part already. Right?

Stan_S

#113
Jun 09, 2017, 11:35 pm 
https://github.com/wdim0/esp8266_with_KeDei_lcd_module

Check the link above Mac

Mac_che

#114
Jun 12, 2017, 09:26 am 
Thanx for the link!

I decided to keep the Kedei screen for the Pi and next time stay away when I see Kedei.
It is not worth the time or the money for me to make it compatible. 
I ordered one as described in this topic .

Mac_che

#115
Jun 13, 2017, 08:56 am 
Bodmer,

I want to merge Planespotter and the Weather Station so I can switch between them.

I guess for a start is that I merge settings and libraries. 
Then write some code so that both "programs" are simultaneous running (in the background I would say).
Then write some code to switch the display to show PS or WS.   
Could be by using on-screen button, could be swiping. 

Do you think that the esp8266 is capable of executing that or would it be too slow? 

 

Mac_che

#116
Jun 14, 2017, 09:28 pm Last Edit: Jun 14, 2017, 10:52 pm by Mac_che
Full pinout of the Waveshare/knockof. If someone wants to make a Waveshare<>ESP pinout that would be awesome. I had to make a lot of guesses today and it's not working (Sometimes with some ocassional flickering and gibberish on the serial).  So if you want a free beer (or two) please tell me how to wire this puppy up.

bodmer

#117
Jun 17, 2017, 12:50 am Last Edit: Jun 17, 2017, 12:50 am by bodmer
Quote from: Stan_S on May 29, 2017, 12:11 am
Hello Bodmer,
I got one of the raspberry pi displays working with the demo code but am having a problem getting the Plane spotter to work, have you gotten it to work on one of these displays? I is using the ILI9486 #5 driver.
Regards,
Stan
Try the attached version. It is not perfect (some text position issues) but it should work OK. It is for a 480x320 screen.

bodmer

#118
Jun 17, 2017, 12:53 am 
Quote from: Mac_che on Jun 13, 2017, 08:56 am
Do you think that the esp8266 is capable of executing that or would it be too slow? 
 
It should run just as fast as only one screen needs to be handled at a time.

bodmer

#119
Jun 17, 2017, 01:04 am 
Quote from: Mac_che on Jun 14, 2017, 09:28 pm
Full pinout of the Waveshare/knockof. If someone wants to make a Waveshare<>ESP pinout that would be awesome. I had to make a lot of guesses today and it's not working (Sometimes with some ocassional flickering and gibberish on the serial).  So if you want a free beer (or two) please tell me how to wire this puppy up.
The image attached appears to be corrupted so is not much use.

With reference to the image in post #103 and assuming a ESP8266 NodeMCU is used:

+5V =>Vin (5V)
GND => GND

MOSI => pin D7
SCK  => pin D5
DC  => pin D3
CS => pin D8
RST => pin D4
TP_CS => 3.3V (Touch screen disabled)

Run with SPI rate at 20MHz, so for example call up:

#include <User_Setups/Setup5_RPi_ILI9486.h>

in the "User_Setup_Select.h" file within the library.
SHARE

Oscar perez

Arquitecto especialista en gestion de proyectos si necesitas desarrollar algun proyecto en Bogota contactame en el 3006825874 o visita mi pagina en www.arquitectobogota.tk

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios ( Atom )