2. Panel display images - Revision history

Sinovoip at 10:38, 21 February 2019

2019-02-21T10:38:07Z

Sinovoip at 04:31, 20 February 2019

2019-02-20T04:31:28Z

Sinovoip at 03:16, 20 February 2019

2019-02-20T03:16:04Z

Sinovoip at 02:22, 20 February 2019

2019-02-20T02:22:47Z

Sinovoip at 02:09, 20 February 2019

2019-02-20T02:09:55Z

Sinovoip: /* Change the color of the image */

2019-02-18T08:58:17Z

‎Change the color of the image

Sinovoip: /* Change the color of the image */

2019-02-18T08:57:25Z

‎Change the color of the image

Sinovoip: /* Change the color of the image */

2019-02-18T08:56:44Z

‎Change the color of the image

Sinovoip: /* Change the color of the image */

2019-02-18T08:56:00Z

‎Change the color of the image

Sinovoip: /* Change the color of the image */

2019-02-18T08:54:24Z

‎Change the color of the image

@@ Line 25: / Line 25: @@
 [[File:Micropython2.png|thumb|[[12 S2m Scratch2]] ]]
 [[File:Micropython2.png|thumb|[[13 Codelab Scratch3]] ]]
 =Panel display image=

@@ Line 11: / Line 11: @@
 [[File:Micropython2.png|thumb|[[3 Mpfshell details]] ]]
 [[File:Micropython2.png|thumb|[[4 Pycharm IDE programming]] ]]
 [[File:Micropython5.png|thumb|[[1. Panel scrolling text]] ]]

@@ Line 1: / Line 1: @@
+[[File:Webduino_gif.gif|thumb|Overview: [[BPI-Bit]]]]
 [[File:Micropython3.png|thumb|[[1 Get the development suite]] ]]
 [[File:Micropython2.png|thumb|[[2 Wired connection board]] ]]

@@ Line 11: / Line 11: @@
 [[File:Micropython2.png|thumb|[[3 Mpfshell details]] ]]
 [[File:Micropython2.png|thumb|[[4 Pycharm IDE programming]] ]]
 [[File:Micropython5.png|thumb|[[1. Panel scrolling text]] ]]
 [[File:Micropython2.png|thumb|[[2. Panel display images]] ]]
-[[File:Micropython2.png|thumb|[[3 Bottom IO port control] ]]
+[[File:Micropython2.png|thumb|[[3 Bottom IO port control]] ]]
 [[File:Micropython2.png|thumb|[[4 Panel key detection]] ]]
 [[File:Micropython2.png|thumb|[[5 Gets the board temperature]] ]]

← Older revision		Revision as of 02:09, 20 February 2019
Line 1:		Line 1:
		+
		+	[[File:Micropython3.png\|thumb\|[[1 Get the development suite]] ]]
		+	[[File:Micropython2.png\|thumb\|[[2 Wired connection board]] ]]
		+	[[File:Micropython2.png\|thumb\|[[3 Try burning the board]] ]]
		+	[[File:Micropython2.png\|thumb\|[[4 Hello, World!]] ]]
		+	[[File:Micropython2.png\|thumb\|[[5 Light up all kinds of LED]] ]]
		+
		+
		+	[[File:Micropython4.png\|thumb\|[[1 Auto series one key burn]] ]]
		+	[[File:Micropython2.png\|thumb\|[[2 ESPBlocks Beginner's only]] ]]
		+	[[File:Micropython2.png\|thumb\|[[3 Mpfshell details]] ]]
		+	[[File:Micropython2.png\|thumb\|[[4 Pycharm IDE programming]] ]]
		+
		+	[[File:Micropython5.png\|thumb\|[[1. Panel scrolling text]] ]]
		+	[[File:Micropython2.png\|thumb\|[[2. Panel display images]] ]]
		+	[[File:Micropython2.png\|thumb\|[[3 Bottom IO port control] ]]
		+	[[File:Micropython2.png\|thumb\|[[4 Panel key detection]] ]]
		+	[[File:Micropython2.png\|thumb\|[[5 Gets the board temperature]] ]]
		+	[[File:Micropython2.png\|thumb\|[[6 Play MIDI music]] ]]
		+	[[File:Micropython2.png\|thumb\|[[7 Photosensitive gesture]] ]]
		+	[[File:Micropython2.png\|thumb\|[[8. MPU-9250 9-axis sensor]] ]]
		+	[[File:Micropython2.png\|thumb\|[[9. Make a compass]] ]]
		+	[[File:Micropython2.png\|thumb\|[[10 Free to define gestures]] ]]
		+	[[File:Micropython2.png\|thumb\|[[11 Random number generator]] ]]
		+	[[File:Micropython2.png\|thumb\|[[12 S2m Scratch2]] ]]
		+	[[File:Micropython2.png\|thumb\|[[13 Codelab Scratch3]] ]]
		+
	=Panel display image=		=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.		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.

← Older revision		Revision as of 08:58, 18 February 2019
Line 199:		Line 199:

	[[File:Mycolor_(1).gif]]		[[File:Mycolor_(1).gif]]
		+
		+
		+	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!

← Older revision		Revision as of 08:57, 18 February 2019
Line 197:		Line 197:
	mycolor = [3, 1, 1]		mycolor = [3, 1, 1]
	display.show(Image.ALL_CLOCKS, color=mycolor, loop=True, delay=500)		display.show(Image.ALL_CLOCKS, color=mycolor, loop=True, delay=500)
		+
		+	[[File:Mycolor_(1).gif]]

← Older revision		Revision as of 08:56, 18 February 2019
Line 189:		Line 189:

	[[File:Blueaa.gif]]		[[File:Blueaa.gif]]
		+
		+	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)

← Older revision		Revision as of 08:56, 18 February 2019
Line 181:		Line 181:
	=Change the color of the image=		=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.		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.
		+
		+	[[File:Blueaa.gif]]

← Older revision		Revision as of 08:54, 18 February 2019
Line 180:		Line 180:

	=Change the color of the image=		=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.