Notice: The Chinese New Year is coming soon! If you want your PCB order get shipped before the CNY holiday, please place your order before Jan 23rd!

How to Project an Image on the Zio E-Ink Display

Posted by AlexChu, 14/06/2018

 

Here we are going to learn how to use ZIO E-INK DISPLAY which can imitate the look of normal ink on paper. There are four different sizes of E-ink display module we are offering, but you don’t really need to learn four different ways to use them, all the connections are the same, and you just need to use different libraries to drive them. We will use a Zuino to help us show the information we want on the display.

Being able to display price tags or the name of a storage box is pretty easy with the example code included and hooking up to the Zuino to upload the image or text.

 

The E-Ink Display utilizes micro capsules that are suspended in a liquid which contain positively charged white pigments and negatively charged black pigments. There is also a model that includes a third colour, red. On each side of the display there are electrodes which can change their polarity, thus moving the pigments around to form texts or an image. Even if the Zuino is detached from the display, the image will remain on.

 

So let’s see what you’re going to need:

 

Hardware:

 


Firmware:

 


Step 1: Hook up the Hardware

Here are the connections you’ll need to make from the display to the Zuino:

 

Zuino M UNOZio E-ink Display (4 models)
D7BUSY
D9RES
D8D/C
D10CS
D13SCK
D11MOSI
3.3VVDD
GNDGND
GNDBS

 

 

 

Step 2: Coding


Before uploading the example code, we need to select the display class at the top of the code. This example code can be used for all of the four E-ink display.


Explanation for the comment:
“1.54” is the e-ink display size, “b/w” means the black and white color display, “b/w/r” means black, white and red color display.  

Remove “//” before “#include” to make the code usable, otherwise add “//” before “#include” if you are not using that model display.

 

You can now upload the code. Will take a couple of seconds for the image or text to refresh.


Change the image code in IMG_0001.h. In this tutorial you can learn how to generate a c array code to form a picture.

 


Voila! You have just displayed your first image on a E-Ink DIsplay. Two quick and easy steps. Now that you have an idea of how the display work, you can go on to making more complicated images.

 

 

Leave a Comment