0:17
hello everyone welcome to controllers
0:21
tech this video is a start of new series
0:25
of video tutorials which will cover the
0:27
next ian displays from now on i will use
0:31
this as my primary display for every
0:34
project that requires it well thanks to
0:37
your continuous support and the generous
0:40
contributions that you guys made I
0:42
bought a next in display which is
0:45
basically HMI display this is different
0:50
from regular TFT or LCD displays as it
0:53
does not require any library and works
0:56
with only UART it only have four pins
1:00
VCC ground Rx and TX today in this video
1:06
we will talk about how to start with
1:09
such displays first of all download the
1:13
next Ian editor I am using this one here
1:17
set it up and open it
1:35
go to file and create new save it to
1:39
some location and also give some name to
1:57
select you display model I am using
2:00
basic 2.4 inch display go to display and
2:06
select the orientation you want to work
2:08
with now here is the sample of how the
2:16
display will look on the right side we
2:20
have the properties which you will know
2:22
in a while and here on the left we have
2:26
some pictures fonts and video tabs here
2:35
is the width and height of this display
2:37
now let's say I want to add a picture in
2:40
the background I have this picture here
2:44
and I will resize it to 320 by 240 size
2:48
I am using for this purpose so
3:08
save it in the next in folder and in the
3:11
PNG format now go back to editor and
3:15
click out to add the picture it will
3:27
show up here now to add this picture to
3:30
display click image and you will see the
3:33
object got created here if you click on
3:37
the object you can see its properties on
3:39
the right side it have ID one object's
3:43
name is p0 click Vic browse for image
3:48
and add it to the display this is how
3:51
the background will look like now let's
3:58
add some other element to it I will add
4:01
the scrolling text I will add it to the
4:21
to write anything here we need the fonts
4:24
first let's go ahead and generate the
4:28
fonts this is the preview area and you
4:31
can see how the fonts will look compared
4:34
to the display these are too small let's
4:37
increase the size you can select
4:40
different fonts to give some name and
4:44
click generate save it somewhere inside
4:48
the next in folder you can see here the
4:56
ID of the fonts is 0 put the ID in front
5:00
of font as 0 the text that we want to
5:04
scroll we can change it here it is
5:12
exceeding the predefined length no
5:16
problem we can increase the maximum
5:29
let's change the text color and the
5:54
this represents the scrolling distance
5:57
in milliseconds let's make some changes
6:00
here to find out how fast it Scrolls
6:19
compile it now it compiles successfully
6:23
let's debug it here we can see how the
6:28
actual display will look like we can do
6:32
a lot of things here and I will cover
6:34
them in the upcoming videos scrolling
6:37
looks too slow let's reduce the time and
6:41
increase the distance
6:59
it's quite okay now now it's time to
7:03
upload the code to our display we can do
7:07
this via the SD card or by using the
7:09
UART with any TTL device connection is
7:13
very simple just connect the i-x pin to
7:17
TX and TX to our X VCC to 5 volts and
7:22
ground to ground let's see the device
7:26
manager as you can see my FTDI is
7:32
connected to comm for let's select comm
7:35
for and leave the board rate 211 5 200
7:39
click go and it will start uploading you
7:44
are takes a lot of time to complete the
7:46
operation it is very fast if you are
7:49
using SD card but you need to use a
7:51
class 10 device you can watch some other
7:55
video on how to do it via SD card as you
7:59
can see on the display it is uploading
8:01
at 11 5 200 baud rate and there is
8:06
update successful message and here is
8:09
the scrolling text with the text color
8:27
this doesn't look good because of this
8:29
weird background color let's change it
8:33
this time instead of solid color select
8:37
the cropped image and in the pic select
8:44
the same image let's change this text
8:50
also compile it and upload as we are
9:17
updating only so it is done very quickly
9:20
so here we have a decent-looking
9:34
this is it for this video as I said in
9:39
the beginning I will continue this
9:41
series of tutorials we will see how to
9:44
interface it with microcontroller how to
9:47
use buttons how to send and receive data
9:50
from the display and all such things
9:53
till then keep watching and have a nice
