Skip to content
qiren123 edited this page Nov 25, 2018 · 13 revisions

Document

head

面板显示图像

  • 既然你知道了面板上有 LED 矩阵,那么你自然而然的可以使用它来搞个大新闻,因为, Python 已经给你提供了许多控制显示的方法了,所以你可以使用它来创建各种有趣的效果,相信这会是一个不错的艺术开发载体。

  • 然后在我们开始项目之前,你可以知道,Python 已经了内置的许多图片,如果你想要显示一个笑脸的话,那你只需要运行以下列代码。

from microbit import *
display.show(Image.HAPPY)
  • 通过先前的章节,我想你应该知道了第一行的用途,那么第二行就是指通过了 display 模块来显示内置的 Image 图片,我们展示的这个笑脸图案其实只是 Image 的一部分,而它的名字叫做 Happy,并且我们要通过 show 并将它放置在括弧内,以使得它显示出来,所以写成 display.show(Image.HAPPY),动手试试吧。

emoj

内置的图片列表如下

  • 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

可见数量十分之多,看到这里,我想你也可以多多尝试一下其他图片,祝你玩的开心哦 XD 。

试试图片DIY吧

  • 当然,你肯定不会止步于此,那么如何更进一步呢?比如创造自己的图片?

  • So Easy!!!

  • 在每一个 LED 在物理显示上可以被设置为一个值,类似于高低电平,比如某个像素点被设置成 0 ,那么它的亮度就是 0 .然而如果它被设置成 9,那么它就是指灯的亮度为 9 。所以记住这句话,从 0 到 9,亮度依次递增! 基于此,我们就可以很容易创造一个我们想要的新图片。

from microbit import *

boat = Image("05050:"
             "05050:"
             "05050:"
             "99999:"
             "09990")

display.show(boat)

emoj2

  • (运行时,你应该可以看到一张这样的图片!!)

  • 那么现在你已经了解如何画图拉~你应该注意到每一行的结尾有一个:然后于此同时二边被附上了双引号,里面仅仅是数值表示的亮度而已,所以创建一张image就是如此简单。

  • 但实际上,你也并不需要写多行,如果你能保证每一行不出错,你可以这样写

boat = Image("05050:05050:05050:99999:09990")

如何制作一个简单的动画

  • 静态图片固然有趣,但是更多的乐趣是让它们动起来,这个是令人兴奋但在 Python 中很容易做到,仅仅是使用图片的列表~!

  • 假如这里有一些购物清单:

  • [Eggs, Bacon, Tomatoes]

  • 然后你需要用一种方式在 python 中表示这些玩意 XD。

shopping = ["Eggs", "Bacon", "Tomatoes" ]
  • 这种方式叫 list ,也就是列表,我简单地创造了一个叫 shopping 的列表,然后它包含了3个元素,Python 知道它是一个列表,因为它有一对括号[],在列表中的元素被逗号分隔,然后在这个实例中,items包含了三个字符串,“Eggs”."Bacon"以及“Tomatoes”。我们要知道,它们都是字符串对象,因为它们用“”进行分割。

  • 你可以用list在python中储存任何玩意,下面的案例将教会大家如何用列表创建数字。

  • 然后你需要用一种方式在 python 中表示这些玩意

shopping = [2, 3, 511 ]
  • 列表同样存放许多不同类型的变量:
mixed_up_list = ["hello!", 1.234, Image.HAPPY]
  • 注意到最后一个元素没有,它是一个 Image 对象,所以我们可以告诉 Python 去存放一个Image的list,不过在内置的方法中,有已经做好的二个对象。他们叫 Image.ALL_CLOCKS 和 Image.ALL_ARROWS。
from microbit import *
display.show(Image.ALL_CLOCKS, loop=True, delay=100)
  • 和单张 image 一样,我们使用 display.show 让它在设备上显示,然而,我们告诉 Python 使用 Image.ALL_CLOCKS 这个列表 然后它会理解并按顺序展示这个 list 所有元素, 我们也可以告诉 Python 保持循环状态,通过 loop=True,另外,我们也可以设置这个动画切换图片的时间。通过下面一条代码。delay=100

  • 现在你知道怎么创造一个动画了吧,以及你了解如何避免一直循环下去了吗?包括如何改变动画播放的速度了么?如果你都理解了,就来试一试吧!~

  • 让我们创造一个自己的动画列表(list),在这个案例中,我们将制作一个小船下沉到底部的动画。

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)

运行效果

running

修改图片的颜色

  • 我们在前面的章节 面板滚动文字中修改字符了显示的颜色,那么怎么修改图片的显示颜色?让我们接着往下面看。
from microbit import *
from display import *
display.show(Image.ALL_CLOCKS, color=Blue, loop=True, delay=100)
  • 我们这里还是利用上面那个例子,通过简单的修改来改变它的颜色。我们可以看到与前面代码示例最大的不同就是在 show() 函数中添加了 color=Blue 。 这段代码要添加到Image的后面,也就是 show() 的第二个参数的位置。此时显示的颜色已经被我们修改了。

  • blue

  • 在前面的章节了也讲过了,我们如果要使用内置的颜色就要导入 display 模块,我们这里使用了内置的颜色Blue,所以在一开始就通过 from display import * 导入display模块。

  • 当然,如果内置的几种颜色不符合要求怎么办呢? 同样可以参考我们上一章节中讲到的内容,我们可以自定义一个颜色。

from microbit import *
mycolor = [3, 1, 1]
display.show(Image.ALL_CLOCKS, color=mycolor, loop=True, delay=500)
  • mycolor

写在最后的话

那么,就由我来解释一下代码为何可以工作吧~。

  • 首先我是创造了 6 个船的 image。
  • 然后用一个 list 存储了他们。
  • 接着用 display 去显示这些图片,并设置延迟为500毫秒
  • 最后,我设置了 loop=True ,所以这这艘船会反复下沉。

好了,我们的这一章就到这里,你可以花时间好好消化一下,并且做出自己的美妙的动画吧!goodjob!

logo