Difference between revisions of "2. Panel display images"
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | [[File:Webduino_gif.gif|thumb|Overview: [[BPI-Bit]]]] | |
[[File:Micropython3.png|thumb|[[1 Get the development suite]] ]] | [[File:Micropython3.png|thumb|[[1 Get the development suite]] ]] | ||
[[File:Micropython2.png|thumb|[[2 Wired connection board]] ]] | [[File:Micropython2.png|thumb|[[2 Wired connection board]] ]] | ||
Line 11: | Line 11: | ||
[[File:Micropython2.png|thumb|[[3 Mpfshell details]] ]] | [[File:Micropython2.png|thumb|[[3 Mpfshell details]] ]] | ||
[[File:Micropython2.png|thumb|[[4 Pycharm IDE programming]] ]] | [[File:Micropython2.png|thumb|[[4 Pycharm IDE programming]] ]] | ||
− | |||
− | |||
[[File:Micropython5.png|thumb|[[1. Panel scrolling text]] ]] | [[File:Micropython5.png|thumb|[[1. Panel scrolling text]] ]] | ||
Line 27: | Line 25: | ||
[[File:Micropython2.png|thumb|[[12 S2m Scratch2]] ]] | [[File:Micropython2.png|thumb|[[12 S2m Scratch2]] ]] | ||
[[File:Micropython2.png|thumb|[[13 Codelab Scratch3]] ]] | [[File:Micropython2.png|thumb|[[13 Codelab Scratch3]] ]] | ||
+ | |||
+ | [[File:Micropython6.png|thumb|[[1 The basic algorithm]] ]] | ||
+ | [[File:Micropython2.png|thumb|[[2 WiFI wireless connection]] ]] | ||
+ | [[File:Micropython2.png|thumb|[[3 WiFI wireless programming]] ]] | ||
+ | [[File:Micropython2.png|thumb|[[MQTT communication applications]]]] | ||
=Panel display image= | =Panel display image= |
Latest revision as of 03:38, 21 February 2019
Contents
Panel display image
Now that you know there's an LED matrix on the panel, you can use it to make a big story, because Python already gives you a lot of control over the display, so you can use it to create all sorts of interesting effects, and I'm sure this will be a good vehicle for artistic development.
- Then before we get started on the project, you can see that Python already has a lot of built-in images, and if you want to display a smiley face, all you need to do is run the following code.
from microbit import * display.show(Image.HAPPY)
Through the previous chapter, I think you should know the purpose of the first line, then the second line is refers to by the display module to display the built-in Image picture, we show the pattern of the smiling face is just part of the Image, and its name is Happy, and we will show through and placed it on the brackets, to make it, so as the display. just use display.show(Image.HAPPY), began to give it a try.
The list of built-in images is as follows
Image.HEART Image.HEART_SMALL Image.HAPPY Image.SMILE Image.SAD Image.CONFUSED Image.ANGRY Image.ASLEEP Image.SURPRISED Image.SILLY Image.FABULOUS Image.MEH Image.YES Image.NO Image.CLOCK12, Image.CLOCK11, Image.CLOCK10, Image.CLOCK9, Image.CLOCK8, Image.CLOCK7, Image.CLOCK6, Image.CLOCK5, Image.CLOCK4, Image.CLOCK3, Image.CLOCK2, Image.CLOCK1 Image.ARROW_N, Image.ARROW_NE, Image.ARROW_E, Image.ARROW_SE, Image.ARROW_S, Image.ARROW_SW, Image.ARROW_W, Image.ARROW_NW Image.TRIANGLE Image.TRIANGLE_LEFT Image.CHESSBOARD Image.DIAMOND Image.DIAMOND_SMALL Image.SQUARE Image.SQUARE_SMALL Image.RABBIT Image.COW Image.MUSIC_CROTCHET Image.MUSIC_QUAVER Image.MUSIC_QUAVERS Image.PITCHFORK Image.XMAS Image.PACMAN Image.TARGET Image.TSHIRT Image.ROLLERSKATE Image.DUCK Image.HOUSE Image.TORTOISE Image.BUTTERFLY Image.STICKFIGURE Image.GHOST Image.SWORD Image.GIRAFFE Image.SKULL Image.UMBRELLA Image.SNAKE
You can see that the number is very large. When you see this, I think you can also try some other pictures. Have a good time, XD
Try DIY pictures
Of course, you don't stop there, so how do you go further? Like creating your own pictures.
Each LED can be set to a value on the physical display, similar to the high and low level. For example, if a pixel point is set to 0, its brightness will be 0. However, if it is set to 9, its brightness will be 9.So remember this, from zero to nine, the brightness increases in turn!Based on this, we can easily create a new image that we want.
from microbit import *
boat = Image("05050:" "05050:" "05050:" "99999:" "09990")
display.show(boat)
Run, you should be able to see a picture like this!!
So now that you know how to draw a graph, you should notice that each line ends with one: and at the same time the two sides are enclosed in double quotation marks, which are just numerical brightness, so creating an image is as simple as that.
But actually, you don't have to write multiple lines, if you can make sure that every single line is correct, you can write it like this
boat = Image("05050:05050:05050:99999:09990")
How to make a simple animation
Still images are fun, but more fun is getting them moving, which is exciting but easy to do in Python, just using a list of images ~!
- Suppose there are some shopping listings:[dense Eggs, Bacon, comedy],And then you need a way to represent these things in python XDS.
shopping = ["Eggs", "Bacon", "Tomatoes" ]
- This method is called list, which is just a list. I simply create a list called shopping, which contains 3 elements. Python knows it is a list because it has a pair of parentheses [], and the elements in the list are separated by commas. We need to know that they are both string objects because they are separated by .
- You can store anything in python using a list, and the following example will teach you how to create Numbers from lists.
- And then you need a way to represent these things in python
shopping = [2, 3, 5,11 ]
- Lists also hold many different types of variables:
mixed_up_list = ["hello!", 1.234, Image.HAPPY]
Notice that the last element isn't there, it's an Image object, so we can tell Python to store a list of images, but in the built-in method, there are two objects that have already been made. They are image.ALL_CLOCKS and image.ALL_ARROWS.
from microbit import * display.show(Image.ALL_CLOCKS, loop=True, delay=100)
Like the single image, we use display.show to show on the device, however, we tell Python to use the image.all_clocks list, and then it will understand and show us all the elements of the list in order.Pass the following
code.Delay = 100.
Now do you know how to create an animation, and do you know how to avoid looping forever?How to change the speed of the animation?If you understand everything, just give it a try,Let's create our own animation list. In this case, we'll animate the bottom of the boat.
from microbit import *
boat1 = Image("05050:" "05050:" "05050:" "99999:" "09990")
boat2 = Image("00000:" "05050:" "05050:" "05050:" "99999")
boat3 = Image("00000:" "00000:" "05050:" "05050:" "05050")
boat4 = Image("00000:" "00000:" "00000:" "05050:" "05050")
boat5 = Image("00000:" "00000:" "00000:" "00000:" "05050")
boat6 = Image("00000:" "00000:" "00000:" "00000:" "00000")
all_boats = [boat1, boat2, boat3, boat4, boat5, boat6] display.show(all_boats, delay=500, loop=True)
operation effect:
Change the color of the image
We changed the color of the characters in the 1. Panel scrolling text in the previous section panel, so how can we change the color of the image? Let's keep looking down.
from microbit import * from display import * display.show(Image.ALL_CLOCKS, color=Blue, loop=True, delay=100)
We will use the above example to change its color with simple modifications. We can see that the biggest difference from the previous code example is the addition of color=Blue to the show() function. This code is added after the Image, where the second argument to show() is. At this time, the color displayed has been modified by us.
As discussed in the previous section, we will import the display module if we want to use the built-in color, we used the built-in color Blue here, so we will import the display module from display import * at the beginning.
Of course, what if the built-in colors don't work? Also in reference to our previous chapter, we can customize a color.
from microbit import * mycolor = [3, 1, 1] display.show(Image.ALL_CLOCKS, color=mycolor, loop=True, delay=500)
So, let me explain why the code works.
- First of all, I created the image of 6 ships.
- And then we store them in a list.
- Then display the images with display and set the delay to 500 milliseconds
- Finally, I set loop=True, so the boat will sink repeatedly.
Well, that's all for this chapter, so you can take the time to digest it and make your own fantastic animations!