Tutorial – Using the 0.96″ 80 x 160 Full Color IPS LCD Module with Arduino
The purpose of this guide is to get your 0.96″ color LCD display successfully operating with your Arduino, so you can move forward and experiment and explore further types of operation with the display. This includes installing the Arduino library, making a succesful board connection and running a demonstration sketch.
Although you can use the display with an Arduino Uno or other boad with an ATmega328-series microcontroller – this isn’t recommended for especially large projects. The library eats up a fair amount of flash memory – around 60% in most cases.
So if you’re running larger projects we recommend using an Arduino Mega or Due-compatible board due to the increased amount of flash memory in their host microcontrollers.
Installing the Arduino library
So let’s get started. We’ll first install the Arduino library then move on to hardware connection and then operating the display.
(As the display uses the ST7735S controller IC, you may be tempted to use the default TFT library included with the Arduino IDE – however it isn’t that reliable. Instead, please follow the instructions below).
First – download the special Arduino library for your display and save it into your Downloads or a temp folder.
Next – open the Arduino IDE and select the Sketch > Include Library > Add .ZIP library option as shown below:
A dialog box will open – navigate to and select the zip file you downloaded earlier. After a moment or two the IDE will then install the library.
Please check that the library has been installed – to do this, select the Sketch > Include Library option in the IDE and scroll down the long menu until you see “ER-TFTM0.96-1” as shown below:
Once that has been successful, you can wire up your display.
Connecting the display to your Arduino
The display uses the SPI data bus for communication, and is a 3.3V board. You can use it with an Arduino or other 5V board as the logic is tolerant of higher voltages.
Arduino to Display
GND ----- GND (GND)
3.3V ---- Vcc (3.3V power supply)
D13 ----- SCL (SPI bus clock)
D11 ----- SDA (SPI bus data out from Arduino)
D10 ----- CS (SPI bus "Chip Select")
D9 ------ DC (Data instruction select pin)
D8 ------ RES (reset input)
If your Arduino has different pinouts than the Uno, locate the SPI pins for your board and modify as appropriate.
Demonstration sketch
Open a new sketch in the IDE, then copy and paste the following sketch into the IDE:
// https://pmdway.com/products/0-96-80-x-160-full-color-lcd-module #include <UTFT.h> // Declare which fonts we will be using extern uint8_t SmallFont[]; // Initialize display // Library only supports software SPI at this time //NOTE: support DUE , MEGA , UNO //SDI=11 SCL=13 /CS =10 /RST=8 D/C=9 UTFT myGLCD(ST7735S_4L_80160,11,13,10,8,9); //LCD: 4Line serial interface SDI SCL /CS /RST D/C NOTE:Only support DUE MEGA UNO // Declare which fonts we will be using extern uint8_t BigFont[]; int color = 0; word colorlist[] = {VGA_WHITE, VGA_BLACK, VGA_RED, VGA_BLUE, VGA_GREEN, VGA_FUCHSIA, VGA_YELLOW, VGA_AQUA}; int bsize = 4; void drawColorMarkerAndBrushSize(int col) { myGLCD.setColor(VGA_BLACK); myGLCD.fillRect(25, 0, 31, 239); myGLCD.fillRect(myGLCD.getDisplayXSize()-31, 161, myGLCD.getDisplayXSize()-1, 191); myGLCD.setColor(VGA_WHITE); myGLCD.drawPixel(25, (col*30)+15); for (int i=1; i<7; i++) myGLCD.drawLine(25+i, ((col*30)+15)-i, 25+i, ((col*30)+15)+i); if (color==1) myGLCD.setColor(VGA_WHITE); else myGLCD.setColor(colorlist[col]); if (bsize==1) myGLCD.drawPixel(myGLCD.getDisplayXSize()-15, 177); else myGLCD.fillCircle(myGLCD.getDisplayXSize()-15, 177, bsize); myGLCD.setColor(colorlist[col]); } void setup() { randomSeed(analogRead(0)); // Setup the LCD myGLCD.InitLCD(); myGLCD.setFont(SmallFont); } void loop() { int buf[158]; int x, x2; int y, y2; int r; // Clear the screen and draw the frame myGLCD.clrScr(); myGLCD.setColor(255, 0, 0); myGLCD.fillRect(0, 0, 159, 13); myGLCD.setColor(64, 64, 64); myGLCD.fillRect(0, 114, 159, 127); myGLCD.setColor(255, 255, 255); myGLCD.setBackColor(255, 0, 0); myGLCD.print("pmdway.com.", CENTER, 1); myGLCD.setBackColor(64, 64, 64); myGLCD.setColor(255,255,0); myGLCD.print("pmdway.com", LEFT, 114); myGLCD.setColor(0, 0, 255); myGLCD.drawRect(0, 13, 159, 113); // Draw crosshairs myGLCD.setColor(0, 0, 255); myGLCD.setBackColor(0, 0, 0); myGLCD.drawLine(79, 14, 79, 113); myGLCD.drawLine(1, 63, 158, 63); myGLCD.setColor(0, 0, 255); myGLCD.drawLine(0, 79, 159, 79); for (int i=9; i<150; i+=10) myGLCD.drawLine(i, 61, i, 65); for (int i=19; i<110; i+=10) myGLCD.drawLine(77, i, 81, i); // Draw sin-, cos- and tan-lines myGLCD.setColor(0,255,255); myGLCD.print("Sin", 5, 15); for (int i=1; i<158; i++) { myGLCD.drawPixel(i,63+(sin(((i*2.27)*3.14)/180)*40)); } myGLCD.setColor(255,0,0); myGLCD.print("Cos", 5, 27); for (int i=1; i<158; i++) { myGLCD.drawPixel(i,63+(cos(((i*2.27)*3.14)/180)*40)); } myGLCD.setColor(255,255,0); myGLCD.print("Tan", 5, 39); for (int i=1; i<158; i++) { myGLCD.drawPixel(i,63+(tan(((i*2.27)*3.14)/180))); } delay(2000); myGLCD.setColor(0,0,0); myGLCD.fillRect(1,14,158,113); myGLCD.setColor(0, 0, 255); myGLCD.setBackColor(0, 0, 0); myGLCD.drawLine(79, 14, 79, 113); myGLCD.drawLine(1, 63, 158, 63); myGLCD.setColor(0, 0, 255); myGLCD.drawLine(0, 79, 159, 79); // Draw a moving sinewave x=1; for (int i=1; i<(158*20); i++) { x++; if (x==159) x=1; if (i>159) { if ((x==79)||(buf[x-1]==63)) myGLCD.setColor(0,0,255); else myGLCD.setColor(0,0,0); myGLCD.drawPixel(x,buf[x-1]); } myGLCD.setColor(0,255,255); y=63+(sin(((i*2.5)*3.14)/180)*(40-(i / 100))); myGLCD.drawPixel(x,y); buf[x-1]=y; } delay(2000); myGLCD.setColor(0,0,0); myGLCD.fillRect(1,14,158,113); myGLCD.setColor(0, 0, 255); myGLCD.drawLine(0, 79, 159, 79); // Draw some filled rectangles for (int i=1; i<6; i++) { switch (i) { case 1: myGLCD.setColor(255,0,255); break; case 2: myGLCD.setColor(255,0,0); break; case 3: myGLCD.setColor(0,255,0); break; case 4: myGLCD.setColor(0,0,255); break; case 5: myGLCD.setColor(255,255,0); break; } myGLCD.fillRect(39+(i*10), 23+(i*10), 59+(i*10), 43+(i*10)); } delay(2000); myGLCD.setColor(0,0,0); myGLCD.fillRect(1,14,158,113); myGLCD.setColor(0, 0, 255); myGLCD.drawLine(0, 79, 159, 79); // Draw some filled, rounded rectangles for (int i=1; i<6; i++) { switch (i) { case 1: myGLCD.setColor(255,0,255); break; case 2: myGLCD.setColor(255,0,0); break; case 3: myGLCD.setColor(0,255,0); break; case 4: myGLCD.setColor(0,0,255); break; case 5: myGLCD.setColor(255,255,0); break; } myGLCD.fillRoundRect(99-(i*10), 23+(i*10), 119-(i*10), 43+(i*10)); } delay(2000); myGLCD.setColor(0,0,0); myGLCD.fillRect(1,14,158,113); myGLCD.setColor(0, 0, 255); myGLCD.drawLine(0, 79, 159, 79); // Draw some filled circles for (int i=1; i<6; i++) { switch (i) { case 1: myGLCD.setColor(255,0,255); break; case 2: myGLCD.setColor(255,0,0); break; case 3: myGLCD.setColor(0,255,0); break; case 4: myGLCD.setColor(0,0,255); break; case 5: myGLCD.setColor(255,255,0); break; } myGLCD.fillCircle(49+(i*10),33+(i*10), 15); } delay(2000); myGLCD.setColor(0,0,0); myGLCD.fillRect(1,14,158,113); myGLCD.setColor(0, 0, 255); myGLCD.drawLine(0, 79, 159, 79); // Draw some lines in a pattern myGLCD.setColor (255,0,0); for (int i=14; i<113; i+=5) { myGLCD.drawLine(1, i, (i*1.44)-10, 112); } myGLCD.setColor (255,0,0); for (int i=112; i>15; i-=5) { myGLCD.drawLine(158, i, (i*1.44)-12, 14); } myGLCD.setColor (0,255,255); for (int i=112; i>15; i-=5) { myGLCD.drawLine(1, i, 172-(i*1.44), 14); } myGLCD.setColor (0,255,255); for (int i=15; i<112; i+=5) { myGLCD.drawLine(158, i, 171-(i*1.44), 112); } delay(2000); myGLCD.setColor(0,0,0); myGLCD.fillRect(1,14,158,113); myGLCD.setColor(0, 0, 255); myGLCD.drawLine(0, 79, 159, 79); // Draw some random circles for (int i=0; i<100; i++) { myGLCD.setColor(random(255), random(255), random(255)); x=22+random(116); y=35+random(57); r=random(20); myGLCD.drawCircle(x, y, r); } delay(2000); myGLCD.setColor(0,0,0); myGLCD.fillRect(1,14,158,113); myGLCD.setColor(0, 0, 255); myGLCD.drawLine(0, 79, 159, 79); // Draw some random rectangles for (int i=0; i<100; i++) { myGLCD.setColor(random(255), random(255), random(255)); x=2+random(156); y=16+random(95); x2=2+random(156); y2=16+random(95); myGLCD.drawRect(x, y, x2, y2); } delay(2000); myGLCD.setColor(0,0,0); myGLCD.fillRect(1,14,158,113); myGLCD.setColor(0, 0, 255); myGLCD.drawLine(0, 79, 159, 79); // Draw some random rounded rectangles for (int i=0; i<100; i++) { myGLCD.setColor(random(255), random(255), random(255)); x=2+random(156); y=16+random(95); x2=2+random(156); y2=16+random(95); myGLCD.drawRoundRect(x, y, x2, y2); } delay(2000); myGLCD.setColor(0,0,0); myGLCD.fillRect(1,14,158,113); myGLCD.setColor(0, 0, 255); myGLCD.drawLine(0, 79, 159, 79); for (int i=0; i<100; i++) { myGLCD.setColor(random(255), random(255), random(255)); x=2+random(156); y=16+random(95); x2=2+random(156); y2=16+random(95); myGLCD.drawLine(x, y, x2, y2); } delay(2000); myGLCD.setColor(0,0,0); myGLCD.fillRect(1,14,158,113); myGLCD.setColor(0, 0, 255); myGLCD.drawLine(0, 79, 159, 79); for (int i=0; i<5000; i++) { myGLCD.setColor(random(255), random(255), random(255)); myGLCD.drawPixel(2+random(156), 16+random(95)); } delay(2000); myGLCD.fillScr(0, 0, 255); myGLCD.setColor(255, 0, 0); myGLCD.fillRoundRect(10, 17, 149, 72); myGLCD.setColor(255, 255, 255); myGLCD.setBackColor(255, 0, 0); myGLCD.print("That's it!", CENTER, 20); myGLCD.print("Restarting in a", CENTER, 45); myGLCD.print("few seconds...", CENTER, 57); myGLCD.setColor(0, 255, 0); myGLCD.setBackColor(0, 0, 255); myGLCD.print("Runtime: (msecs)", CENTER, 103); myGLCD.printNumI(millis(), CENTER, 115); delay (5000); }
Once you’re confident with the physical connection, upload the sketch. It should result with output as shown in the video below:
Now that you have succesfully run the demonstration sketch – where to from here?
The library used is based on the uTFT library by Henning Karlsen. You can find all the drawing and other commands in the user manual – so download the pdf and enjoy creating interesting displays.
This post brought to you by pmdway.com – everything for makers and electronics enthusiasts, with free delivery worldwide.
To keep up to date with new posts at tronixstuff.com, please subscribe to the mailing list in the box on the right, or follow us on twitter @tronixstuff.