Name: 用Arduino在OLED螢幕上繪製形狀 (Draw Shapes on OLED Screen with Arduino)
Uploaded: 2021-01-14T10:18:35.000Z
Duration: 19 min 54 s
Description: 【看影片學英語】數萬部 YouTube 影片，搭配英漢字典即點即查，輕鬆掌握單字發音與用法，長久累積看電影不必再看字幕。

現在進行式

So in this video, we're going to continue showing you how to draw to an O led screen.

情態助動詞 A2

So when you're dealing with basic LCD screens, all you can really do is simply print text to the screen.

A certain number of characters across a certain number rose.

You do a B C D E 123 you can you do exclamation points, that type of thing.

But you really cannot design a user interface to any great degree and basically just put text on an LCD screen.

The cool part about Oh led screen is that it essentially is just a very simple monitor when you draw to it or when you print to it, you can come up with your own unique interfaces for your users that are totally original to you so you can draw texture.

You can print text to know led screen not just printed but printed in different sizes.

You can print bit map invidious and what we're going to show you how to do today is you can actually draw shapes onto the screen in order to do things such as give your projects like little borders for the user interface, or basically be able to differentiate different components on the O led screen to make it easier for people to view.

Think about drawing shapes on an O led screen, much like CSS.

If you're dealing with a team, our Web pages, this is just simply a way to give a little a little about boom to your Arduino project and make it easier for people to understand what they're supposed to be looking at and what's going on.

So with that, let's go over the workbench, show you how this particular project was put together and then, more importantly, we reportedly will go to the code and then we'll bring it all together and show you how this works.

So we're using the standard 1 28 by 64 0 led screen that we've been using for most these projects.

And this is an eye to see or I squared, see, scream, so uses the eye to see communication protocol.

So for communication, all you need is to data wires.

SCL runs to a five on your going aboard, and then we're pulling five volt power for the screen and then being connected to ground.

So this is all that's required to connect this screen for this particular project, the same basic thing we've done for all of these oh led screen projects.

So now let's dig into the code for how to draw shapes on an O led screen.

So basically, what we're going to be doing with this particular project is the first thing that we're going to do is we're going to draw a line, then we're going to draw a rectangle.

Then we're going to draw a triangle and then to show you how you can layer all of the shapes on top of each other to create an image or even an animation, were then actually going to put multiple things on the screen at one time.

Let's go and take a look at what's required in order or to code for this project.

We're gonna need the wire dot age library so that is included with the artery.

And then we need these to add a fruit like libraries at a fruit S s d 12306 So you can go to tools.

You go to manage libraries and you can add that from there and then the out of fruit gey FX again.

Do make sure when you're doing dealing with the projects that I'm showing you that you install the ad.

There are other SST one through six libraries out there, but the code that we're using only works with the at a free one.

So make sure you use those particular libraries then the next thing that we're going to do is we're going to define the O led with, and we're going to define the O l E D height.

So this is 100 and 28 pixel by 64 pixel screen.

Then the next thing that we need to do is we need to define the O led address.

What that means is you can have something like up to 100.

I think 127 devices using two wires for communication.

But the way that the Arduino differentiates between all those that devices is by their address.

So you do need to make sure you know the address of your oh led screen is you can use the eye to see scanner project that we did previously.

If you don't know what it is to find out what it is, So this particular ol lady is zero x three c.

I'm gonna use the ad of fruit underscore SSD 1306 And then we're going to create a display.

So this is the reference name you could call us.

You could call this led display Goalless ability.

This is simply how we're going to be a referencing the display when we start drawing tow it down here and then we're going to plug in the oily D with and the only the height.

So it knows what the size of the display is they know we're gonna do is come down here and we're going to set up the environment, and all we're going to be doing to set up the environment is where I knew display.

So whatever you've called this you put that here dot Begin.

So we now start beginning the service SST one through six underscore blow of law and then we give it the led address.

We're going to call this with this address, and then this will be essentially begin the led service, and that's all we're doing for the set up this particular project.

The first thing we're gonna do in the loop is we're going to draw a line.

So to draw a line, what we need to do is we need to do display dot clear display.

This this takes everything off this play.

Basically, this deletes everything on the display.

Remember, you need to do this when you're dealing with with screens with an Arduino.

Because if you turn something on, you need to also turn it off.

Don't think things automatically happen, so you have to manually say that has to happen.

So we're gonna do is we're gonna clear to display.

So it's just gonna be black, And then once it's black, they were gonna go display and then we use this function, Draw a line.

What this does is it draws a line from point A to point be when you see these four numbers here.

What these are These are the X and y axis.

This is the first point on the X and Y axis, and this is the second point.

So basically, we're going to go from this point to this point, draw a line from here to here.

So you can do from 0 to 1 27 Do you remember when you're dealing with with these screens where they're dealing with LCD screens or the old led screens, the first position is actually designated as position zero.

So if you have 100 and 28 pixels, that means you can designate between 0 to 1 27 01 27 equals 128.

So this is the X, and this is the wine, so you can go from 0 to 1 27 across and from 0 to 63 down.

So what we're simply going to say is in the first position in the upper left hand corner, start this line at zero across, zero down the very first position, up there, all the way up in the corner.

Then what we want to do is we want to go to the position, and that is a 90 pixels over 90 pixels to the right.

If you're looking at the screen and then 30 pixels down was gonna find where that position is, and then it is going to draw a line between these two places.

Uh, so you could go when you can go when you can play with this.

See, See, You know how to make different lines, make straight lines, make diagonal lines, but we're gonna be doing this is gonna be a diagonal line that goes about halfway down the screen just to kind of give you an idea of how this works.

So if you're dealing with a monochrome screens the screen that we're dealing with today basically is a Monica Crumb string scream.

White basically means the pixel is lit up.

So we're gonna have this going from the upper left hand corner and about the middle of the screen, and we want to print it in white.

Then the next thing that we need to do is display doctor display again.

This could be called oh, led or something else.

The main thing here is we're calling this display of function so all of this gets loaded into the ol Edie's memory, but it does not actually get written.

Trudy screen into you call this functions.

You have to call the dot display function or to run to the screen.