Line 4: Line 4:
 
=Image Resize=
 
=Image Resize=
 
Lets take a high resolution image and crop it to 128x64 and then generate the bitmap image.
 
Lets take a high resolution image and crop it to 128x64 and then generate the bitmap image.
[[FILE:IPL.png]]
+
[[FILE:IPL.png]]<br>
 
Download and open the above image using <b>ms paint</b> as shown below.
 
Download and open the above image using <b>ms paint</b> as shown below.
[[FILE:Glcd Logo 0.PNG]]
+
[[FILE:Glcd Logo 0.PNG]]]<br>
  
 
Resize the image to 128x64 pixels.
 
Resize the image to 128x64 pixels.
[[FILE:Glcd Logo 1.PNG]]
+
[[FILE:Glcd Logo 1.PNG]]]<br>
  
 
Save the image in monochrome bitmap format <b>.bmp</b> as shown below.
 
Save the image in monochrome bitmap format <b>.bmp</b> as shown below.
[[FILE:Glcd Logo 2.PNG]]
+
[[FILE:Glcd Logo 2.PNG]]]<br>
[[FILE:Glcd Logo 3.png]]
+
[[FILE:Glcd Logo 3.png]]]<br>
 
+
  
 
=Bitmap Using Lcd Assistant=
 
=Bitmap Using Lcd Assistant=

Revision as of 17:47, 21 May 2016

In this tutorial we will see how to display the images/icons on 128x64 Monochrome GLCD. To do this we need images of 128x64 pixels, if not we have to crop/resize the higher resolution images. This can be done using photoshop or some other photo editors. We will be using the windows built in tool PAINT.

Image Resize

Lets take a high resolution image and crop it to 128x64 and then generate the bitmap image. IPL.png
Download and open the above image using ms paint as shown below. Glcd Logo 0.PNG]

Resize the image to 128x64 pixels. Glcd Logo 1.PNG]

Save the image in monochrome bitmap format .bmp as shown below. Glcd Logo 2.PNG]
Glcd Logo 3.png]

Bitmap Using Lcd Assistant

Now run the LCD Assistant software and load the monochrome image saved in the previous step. Glcd Logo 4.png

Do the setting as shown in the image. Glcd Logo 5.png

Click on FILE->Save Output and save the output file as logo.txt Glcd Logo 6.png

The bitmap for the image will be saved in an array as shown in the below image. Glcd Logo 7.PNG

Use this array in your code for displaying the image/logo on the GLCD.

Code

Below is the complete code with the bit map array.