View source for LPC1768: GLCD Interfacing ← LPC1768: GLCD Interfacing

[[category: LPC1768 Tutorials]]

----
=Intro=
If you have done with simple 16x2 LCD and still want to do more with display, its time to have fun with Graphics LCD.

We all really enjoy animations kind of things and this is the stuff what we can do with GLCD.

GLCD is very similar to simple 16x2 LCD with additional features. To explore these features and functionality you would like to see our tutorial  [[Graphics LCD Basics : KS0108 based JHD12864E]]

=Schematic=
[[File:Schematic LPC1768 GLCD.svg|x500px|center|Schematic]]

=Port Connection=
This section shows how to configure the GPIO for interfacing the GLCD.<br>
The below configuration is as per the above schematic. You can connect the GLCD to any of the PORT pins available on your boards and update this section accordingly
<html>
<script src="https://gist.github.com/Amritach/e4fa5e69f7b9aea3b785.js"></script>
</html>

=GLCD Operation=
In this section we are going to see how to send the data/cmd to the GLCD along with the timing diagrams.
First lets see the timing diagram for sending the data and the command signals(RS,RW,EN), accordingly we write the algorithm and finally the code.

===Timing Diagram===
The below image shows the timing diagram for sending the data to the GLCD.<br>
As shown in the timing diagram  the data is written after sending the RS and RW signals. It is still ok to send the data before these signals.<br>
The only important thing is the data should be available on the databus before generating the High-to-Low pulse on EN pin.<br><br>
[[File:GLCD CmdWrite.png|x300px|center|figure: command write]]
<br><br>

===Steps for Sending Command:=== 
*step1: Send the I/P command to GLCD.
*step2: Select the Control Register by making RS low.
*step3: Select Write operation making RW low.
*step4: Send a High-to-Low pulse on Enable PIN with some delay_us.
<html>
<script src="https://gist.github.com/Amritach/9805fb05ece462313c7b.js"></script>
</html>

===Steps for Sending Data:=== 
*step1: Send the character to GLCD.
*step2: Select the Data Register by making RS high.
*step3: Select Write operation making RW low.
*step4: Send a High-to-Low pulse on Enable PIN with some delay_us.
The timings are similar as above only change is that '''RS''' is made high for selecting Data register.
<html>
<script src="https://gist.github.com/Amritach/1b0a36c5c5b0649f4c37.js"></script>
</html>

=Code Example=
===Example 1===
Let's start with displaying some text.

<html>
<script src="https://gist.github.com/Amritach/5eac6fa30a8829def2b4.js"></script>
</html>

===Using Explore Embedded Libraries :===
In the above example we just discussed how to interface Graphics Lcd.<br>
Once you know the working of GLCD, you can directly use the ExploreEmbedded libraries to play around with your GLCD.<br>
For that you need to include the glcd.c/glcd.h and the associated files(delay/stdutils).<br> 
The below sample code shows how to use the already available GLCD functions.<br>

Refer this link for more info on GLCD libraries.

<html>
<script src="https://gist.github.com/Amritach/d383ab80738c7177ad79.js"></script>
</html>

===Graphics Library===
=====GLCD_DrawHoriLine()=====
{|{{Widget:LibCol}}
{{#Widget:LibTable}}
|-
|Defination ||void GLCD_DrawHoriLine(uint8_t var_x_u8, uint8_t var_y_u8, uint8_t var_length_u8,uint8_t var_color_u8)
|-
| Input Arguments ||
*var_x_u8 : x coordinate of left side end point of line (0 to 127)<br>
*var_y_u8 : y coordinate of left side end point of line	(0 to 63)<br>
*var_length_u8: length of line<br>
*var_color_u8  : color of pixels<br>
|-
| Return Value|| none
|-
| Description ||This function is used to draw horizontial line.
|-
| Usage ||GLCD_Init() //Initialize GLCD 
|-
| Output || [[File:Glcd horizontial line.png|frameless]]
|}

=====GLCD_DrawVertLine()=====
{|{{Widget:LibCol}}
{{#Widget:LibTable}}
|-
|Defination ||void GLCD_DrawVertLine(uint8_t var_x_u8, uint8_t var_y_u8, uint8_t var_length_u8,uint8_t var_color_u8)

|-
| Input Arguments ||
*var_x_u8 : x coordinate of left side end point of line (0 to 127)<br>
*var_y_u8 : y coordinate of left side end point of line	(0 to 63)<br>
*var_length_u8: length of line<br>
*var_color_u8  : color of pixels<br>
|-
| Return Value|| none
|-
| Description ||This function is used to draw vertical line.
|-
| Usage ||GLCD_Init() //Initialize GLCD 
|-
| Output || [[File:Glcd verticl line.png|frameless]]
|}

=====GLCD_DrawLine()=====
{|{{Widget:LibCol}}
{{#Widget:LibTable}}
|-
|Defination ||void GLCD_DrawLine ( uint8_t var_x1_u8,  uint8_t var_y1_u8, uint8_t var_x2_u8, uint8_t var_y2_u8, uint8_t var_color_u8)
|-
| Input Arguments ||
*var_x1_u8 : x coordinate of end point of line	(0 to 127)
*var_y1_u8 : y coordinate of end point of line	(0 to 63)
*var_x2_u8: x coordinate of other end point of line
*var_y2_u8: y coordinate of other end point of line
*var_color_u8  : color of pixels<br>
|-
| Return Value|| none
|-
| Description ||This function is used to draw line.
|-
| Usage ||GLCD_Init() //Initialize GLCD 
|-
| Output || [[File:Glcd line.png|frameless]]
|}

=====GLCD_DrawHoriLine()=====
{|{{Widget:LibCol}}
{{#Widget:LibTable}}
|-
|Defination ||void GLCD_DrawHoriLine(uint8_t var_x_u8, uint8_t var_y_u8, uint8_t var_length_u8,uint8_t var_color_u8)

|-
| Input Arguments ||
*var_x_u8 : x coordinate of left side end point of line (0 to 127)<br>
*var_y_u8 : y coordinate of left side end point of line	(0 to 63)<br>
*var_length_u8: length of line<br>
*var_color_u8  : color of pixels<br>
|-
| Return Value|| none
|-
| Description ||This function is used to draw horizontial line.
|-
| Usage ||GLCD_Init() //Initialize GLCD 
|-
| Output || [[File:Glcd rectangle.png|frameless]]
|}

=====GLCD_DrawHoriLine()=====
{|{{Widget:LibCol}}
{{#Widget:LibTable}}
|-
|Defination ||void GLCD_DrawHoriLine(uint8_t var_x_u8, uint8_t var_y_u8, uint8_t var_length_u8,uint8_t var_color_u8)

|-
| Input Arguments ||
*var_x_u8 : x coordinate of left side end point of line (0 to 127)<br>
*var_y_u8 : y coordinate of left side end point of line	(0 to 63)<br>
*var_length_u8: length of line<br>
*var_color_u8  : color of pixels<br>
|-
| Return Value|| none
|-
| Description ||This function is used to draw horizontial line.
|-
| Usage ||GLCD_Init() //Initialize GLCD 
|-
| Output || [[File:Glcd fill rectangle.png|frameless]]
|}

=====GLCD_DrawHoriLine()=====
{|{{Widget:LibCol}}
{{#Widget:LibTable}}
|-
|Defination ||void GLCD_DrawHoriLine(uint8_t var_x_u8, uint8_t var_y_u8, uint8_t var_length_u8,uint8_t var_color_u8)

|-
| Input Arguments ||
*var_x_u8 : x coordinate of left side end point of line (0 to 127)<br>
*var_y_u8 : y coordinate of left side end point of line	(0 to 63)<br>
*var_length_u8: length of line<br>
*var_color_u8  : color of pixels<br>
|-
| Return Value|| none
|-
| Description ||This function is used to draw horizontial line.
|-
| Usage ||GLCD_Init() //Initialize GLCD 
|-
| Output || [[File:Glcd cirlce.png|frameless]]
|}

=====GLCD_DrawHoriLine()=====
{|{{Widget:LibCol}}
{{#Widget:LibTable}}
|-
|Defination ||void GLCD_DrawHoriLine(uint8_t var_x_u8, uint8_t var_y_u8, uint8_t var_length_u8,uint8_t var_color_u8)

|-
| Input Arguments ||
*var_x_u8 : x coordinate of left side end point of line (0 to 127)<br>
*var_y_u8 : y coordinate of left side end point of line	(0 to 63)<br>
*var_length_u8: length of line<br>
*var_color_u8  : color of pixels<br>
|-
| Return Value|| none
|-
| Description ||This function is used to draw horizontial line.
|-
| Usage ||GLCD_Init() //Initialize GLCD 
|-
| Output || [[File:Glcd fill circle.png|frameless]]
|}




Lots of things are there which you would like to do with GLCD and we will cover it in the future tutorials. For now, you don't forget to comment.

{{DISQUS}}