(SKU:MBT0018) micro:diorama microbit屏幕扩展板

来自DFRobot Product Wiki
跳转至: 导航搜索
micro:bit 屏幕扩展板


目录

简介

micro:bit屏幕扩展板正面集成2.2寸显示屏、独立按键和方向键方便用户操作及使用,反面集成蜂鸣器、振动电机,产品提供
多种供电方式,即PH2.0、USB和扩展板供电,
屏幕扩展板本身集成Flash能够将一些图片存储在里面,在使用时直接导入方便使用。
产品支持makecode图形化编程平台。



产品参数

  • 供电方式:1、micro:bit扩展板供电 2、PH2.0接口供电,3.5V~5V(3节4.5V电池盒或3.7V锂电池)3、USB接口外接供电
  • 方向键(上:P6 下:P7 左:P9 右:P10 确认:P8)及A B 独立按键(A:P5 B:P11)
  • 蜂鸣器 ×1
  • 振动电机 ×1
  • LED显示屏:2.2寸
  • 产品尺寸:
  • 编程平台:makecode图形化编程

功能说明

micro:diorama microbit屏幕扩展板功能图

屏幕X轴Y轴方向:

屏幕X轴Y轴方向

makecode在线图形化编程

MakeCode基础教程:点击进入makecode在线图形化编程基础操作教程
micro:bit屏幕扩展库地址:https://github.com/DFRobot/pxt-Micro-Diorama 关于如何添加软件库
IFTTT-MQTT-Weather库地址:https://github.com/DFRobot/pxt-IFTTT-MQTT-Weather关于如何添加软件库

屏幕使用基础教程

扩展板使用方法

开始

开始例程运行结果:初始化参数,清除屏幕内容。在使用本扩展板的时候,必须使用一次这个程序模块。

开始

设置LCD背景颜色

设置背景颜色例程运行结果:将屏幕扩展的屏幕背景颜色设为蓝色。 使用方法:

设置背景颜色
使用步骤

显示字符

显示字符例程运行结果:在micro:bit屏幕扩展板的屏幕上,坐标为(X:50 Y:60)的位置显示"HI DFRobot",显示字符颜色为黑色。

显示字符
显示字符步骤

按键

按键P8按下后程序运行结果:在micro:bit屏幕扩展板的屏幕上,坐标为(X:50 Y:60)的位置显示"HI DFRobot",显示字符颜色为黑色。

按键控制显示字符

振动电机

振动电机例程运行结果:振动电机振动1秒后停止振动,等待1秒后继续振动。

振动电机

画线

画线例程运行结果:在micro:bit屏幕扩展板的屏幕上画X起始位置10,X结束位置310,Y起始位置50,Y结束位置50的一条红色直线。

画线

画线效果图:

画线效果图

画圆

画圆例程运行结果:在micro:bit屏幕扩展板的屏幕上画半径为40,圆心X为120,圆心Y为120的红色圆,画完后将圆定义为对象,对象名为Circle2。

画圆

画圆效果图:

画圆效果图

画矩形

画矩形例程运行结果:在micro:bit屏幕扩展板的屏幕上画X起始位置120,X结束位置160,Y起始位置50,Y结束位置150的红色矩形,并将画出的矩形定义为对象,对象名为Rectangle。

画矩形

画矩形效果图:

画矩形效果图

画点

画点例程运行结果:在micro:bit屏幕扩展板的屏幕上,坐标X为50,坐标Y为80的位置画一个红点。

画点

画点效果图:

画点效果图

图片显示

支持的图片格式:BMP图片,不支持其它格式的图片,如:jpg,png等图片,图片分辨率不能大于320*240
使用图片前,请将BMP格式的图片通过扩展板的USB口拷贝到内存中。程序中使用的图片名称,必须和磁盘内的文件名相同,图片文件名必须为英文字符,不能是中文
1、插上扩展板的USB接口连接电脑,此时,电脑出现一个空间为2M可移动磁盘;
2、将BMP格式的图片拷贝到可移动磁盘;
例程图片下载地址:https://github.com/DFRobot/LCD-picture 图片显示来源为屏幕扩展板的内存中。
图片导入:将POWER按键拨到ON端,链接上USB数据线,将照片放入micro:bit屏幕扩展的内存中,分辨率320X240。
显示图片程序运行结果:全屏显示Car图片。
注意:在设置显示图片时,当Y位置设为70则图片的高度不能超过170,如果X位置为70则图片宽度不能超过250,如果图片位置设置好,图片大小就必须在设置的范围内如果超出图片将无法显示。

显示图片

显示图片效果图:

显示图片效果

判断图片是否重叠

判断图片是否重叠依据:通过判断两张图片的像素点是否重叠。
判断图片是否重叠程序运行结果:如果图片A与图片B像素点重叠,在micro:bit屏幕扩展板的屏幕上,坐标为(X:80,Y:80)的位置显示HI DFROBOT。

判断图片是否重叠

导入图片

导入图片例程运行结果:导入内存中的图片,并将图片定义为对象,分辨率:128X128

导入图片

释放句柄

释放句柄例程运行结果:将导入图片的对象释放掉,因为内存只能导入4张64X64的小图 4张128X128的大图,如果不释放句柄就会导致不能在导入其他的图片为对象。

释放句柄

物联网获取新加坡天气教程

以下,我们将通过一个例程,来获取新加坡的天气,这个例程的运行结果:在屏幕上显示新加坡城市sentosa的天气、温度、湿度、风速。

一、首先,我们需要准备以下硬件:
micro:bit 主板 ×1
micro:bit IO扩展板(MBT0005)×1
micro:bit 屏幕扩展板 ×1
OBLOQ物联网模块 ×1
CR123A锂电池(3.6V) ×1

二、然后,我们需要在makecode中导入物联网的库以及屏幕扩展板的库:
1、导入屏幕扩展板运行库(已导入的请忽略):https://github.com/DFRobot/pxt-Micro-Diorama
2、导入makecode的物联网运行库:https://github.com/DFRobot/pxt-IFTTT-MQTT-Weather

三、将模块、主板、扩展板正确的连接:
OBLOQ的绿色线接到扩展板的P1口,蓝色线接到P2口,红色线接到VCC,黑色线接到GND;
当通电后,OBLOQ模块的指示灯显示蓝色,表示正在连接网络,显示绿色,表示网络连接成功。

新加坡天气-硬件连接

四、编写makecode程序:

新加坡天气-程序

五、效果展示:

新加坡天气-效果演示

IFTTT物联网相关教程

通过IFTTT发送邮件

以下,我们将通过一个发送邮件的例程,来讲解IFTTT的使用方法。
一、首先,我们需要准备以下硬件:
micro:bit 主板 ×1
micro:bit IO扩展板(MBT0005)×1
OBLOQ物联网模块 ×1
CR123A锂电池(3.6V) ×1

二、然后,我们需要在makecode中导入物联网的库:
2、导入makecode的物联网运行库:https://github.com/DFRobot/pxt-IFTTT-MQTT-Weather

三、将模块、主板、扩展板正确的连接:
OBLOQ的绿色线接到扩展板的P1口,蓝色线接到P2口,红色线接到VCC,黑色线接到GND;
当通电后,OBLOQ模块的指示灯显示蓝色,表示正在连接网络,显示绿色,表示网络连接成功。

IFTTT硬件链接

四、使用IFTTT发送邮件配置:
1、进入IFTTT官网,注册账号,IFTTT官网:https://ifttt.com。
2、注册完成后进入 My Applets 页面,点击New Applets。

1

3、创建Applet,完成上面步骤后会进入Applet界面,点击This创建输入webhooks。

2
3

4、点击进去之后,填写我们的Event Name.

4

5、创建完成后会返回,在点击That 选择Email

5

选择send me an email

6

接下来就是选择给你邮件里的内容了,我这里直接选择默认的。

7

点击Create action 即创建完成。
查看密钥点击HOME进入“webhooks”主页面在点击“Documentation”就能查看到密钥了。
发送邮件例程运行结果:按下A键后将HI DFROBOT发送到我的邮箱中去。

发送邮件

邮件接收效果图:

解送邮件


通过IFTTT给印象笔记记录笔记

以下介绍通过IFTTT给印象笔记发送笔记:
IFTTT向印象笔记发送笔记的硬件使用、库地址及硬件链接电路同使用IFTTT发送邮件相同,这里就不在阐述,如有疑问请参见使用IFTTT发送邮件。
使用IFTTT发送印象笔记配置
1、首先进入IFTTT官网在进入 My Applets 页面点击New Applets。

1

2、创建Applet,完成上面步骤后会进入Applet界面,点击This创建输入webhooks。

2
3

3、点击进去之后,填写我们的Event Name.

4

4、this创建完成后会返回,在点击That搜索Evernote并选择他

8

印象笔记中内容解释:
1、创建注释:在指定的笔记中创建注释。
2、附加说明:将说明附加到标题和笔记的注释中。
3、附加待办事项及注意:将一个待办事项复选框添加到标题和笔记的注释中。
4、创建链接备注:将指定笔记中的源URL创建新的链接备注。
5、从URL创建图像注释:在指定的笔记中创建带有图像附件的注释。
6、从URL中创建音频笔记:在指定的笔记中创建带有音频附件的笔记。
我选择的时Create a note

9

5、格式选择的默认格式

10

6、点击Create action 即创建完成。
向印象笔记发送笔记例程运行结果:当按下A键后向我的笔记中发送“HI DFROBOT”。

印象笔记

例程运行效果图:

印象笔记

使用MQTT向Beebotte发送数据

以下我们将介绍Beebotte使用方法:
使用MQTT向Beebotte发送数据的硬件使用、库地址及硬件链接电路同使用IFTTT发送邮件相同,这里就不在阐述,如有疑问请参见使用IFTTT发送邮件。
使用MQTT向Beebotte发送数据配置
1、官网地址https://beebotte.com
2、进入官网,注册自己的账号,注册完成后,回到主页,点击Get Started for Free

1

3、创建自己的Channels

2

4、进入到Create New界面创建你的Channel Name、 Channel Description、Resource name、 Resource Description。可以创建多个Resource。

3

5、例如创建一个简单的接收数据

4

创建完成后就可以看到

5

6、云平台就创建好了,接下来我们开始获取API Key 和 Secret Key,先点击Account Settings在点击Access Management就可以查看。

6

7、我们要查看我们上传的历史值,可以通过创建Dashboards来查看值的曲线图及具体的值。

7

向Beebotte发送数据例程运行结果:按下A键后向Beebotte中的digital发送56。

MQTT发送数据

向Beebotte发送数据例程运行效果:

MQTT发送数据效果

IFTTT结合Beebotte下发数据

以下我们将介绍IFTTT结合Beebotte下发数据:
使用IFTTT结合Beebotte下发数据的硬件使用、库地址及硬件链接电路同使用IFTTT发送邮件相同,这里就不在阐述,如有疑问请参见使用IFTTT发送邮件。
Beebotte端配置使用MQTT发送数据到Beebotte,如有疑问请参见使用MQTT发送数据到Beebotte。
IFTTT配置:
1、首先进入IFTTT官网在进入 My Applets 页面点击New Applets。

1

2、创建Applet,完成上面步骤后会进入Applet界面,点击This创建输入webhooks。

2
3

3、点击进去之后,填写我们的Event Name.

4

4、this创建完成后会返回,在点击That搜索webhooks并选择他

5

之后继续点击发送WEB请求

6

5、完成前面步骤后就会看到如下界面

6

webhooks部分填写内容为:
URL:http://api.beebotte.com/v1/data/publish/Digital(频道名)/digital(频道中内容)?token=***********
token在Beebotte中名称:Channel Token

URL

Method:POST
Content Type (optional):application/json
Body (optional):{"data":[{"value":"100"}]}要发送的数据

配置

按照上面填写好后,点击Create action,就完成IFTTT的配置 点击完成即可
IFTTT结合Beebotte下发数据例程运行结果:按下A键后触发事件“AAA”,IFTTT接收事件触发指令后将先前在IFTTT定义的数据发送给Beebotte,当Beebotte接送到数据后
在将数据发送给micro:bit,micro:bit接送到数据后将数据显示在LED矩阵上。

完成

触发事件端例程代码:

发送

接收端代码:

接收

EasyIOT基础教程

Easy IoT登录与设置

  • 接下来,我们需要对 microbit 设备进行编程,配置上网的密码等等,程序设置好就可以上网了。但是,我们这些信息传到互联网上之后,这些信息是怎么被查看的呢?这个信息到底发送给谁呢?
  • 打开网址:http://iot.dfrobot.com.cn/,可以进入终端网页 Easy IoT。
Easy IoT
  • micro:bit主控板、micro:bit物联网扩展板配合Easy IoT终端网页,是一整套简单的物联网系统。
  • 注册登录
    • 1.进入终端网页Easy IoT之前,需要注册一个个人后台监控账号。点击右上角的“注册/登录”。
    • 2.填写个人信息,可以通过个人手机或者邮箱注册。
    • 3.注册成功后,登录账号进入工作间,就是可以检测microbit设备的数据界面了。需要通过添加新设备,才能够和自己microbit设备进行配对。


  • Easy IoT设置
    • 1.新设备建立之后,会自动生成随机的设备的Topic: elJA7JHZg,每个人的都不一样;点击设备名称,可以进行重新命名。
    • 2.点击发送消息,可以看见接收信息与发送信息的终端页面,详细的看到终端收到的数据,并且可生成图表。(点击查看详情,可以查看生成的图表)。
    • 3.认识页面的其他信息——ID账号界面。


智能表情包


makecode源程序智能表情包源程序
功能描述:通过Easy IoT平台发送消息,当Obloq收到消息后,micro:bit显示设定好的表情。
参考程序


程序效果

  • 进入 Easy IoT 网页发送信息给 micro:bit 设备。找到相应的 Topic,点击“发送消息”。
点击发送消息
  • 将想要发送的指令,填写在对话框中,点击发送,即可将消息发送出去,发送指令“yes”,micro:bit显示“√”图案;发送指令“no”,显示“×”;发送指令“cry”,显示“哭脸”;发送指令“smile”,显示“笑脸”。
发送消息

综合应用

获取天气并图像显示天气信息

一、首先,我们需要准备以下硬件:
micro:bit 主板 ×1
micro:bit IO扩展板(MBT0005)×1
micro:bit 屏幕扩展板 ×1
OBLOQ物联网模块 ×1
CR123A锂电池(3.6V) ×1

二、然后,我们需要在makecode中导入物联网的库以及屏幕扩展板的库:
1、导入屏幕扩展板运行库(已导入的请忽略):https://github.com/DFRobot/pxt-Micro-Diorama
2、导入makecode的物联网运行库:https://github.com/DFRobot/pxt-IFTTT-MQTT-Weather
3、获取天气代码及天气图标库:https://github.com/DFRobot/LCD-picture

三、将模块、主板、扩展板正确的连接:
OBLOQ的绿色线接到扩展板的P1口,蓝色线接到P2口,红色线接到VCC,黑色线接到GND;
当通电后,OBLOQ模块的指示灯显示蓝色,表示正在连接网络,显示绿色,表示网络连接成功。

新加坡天气-硬件连接

显示获取天气信息例程运行结果:在micro:bit屏幕扩展板的LED屏幕上显示获取的天气情况,
显示位置(X:20,Y:0)显示天气情况;
显示位置(X:20,Y:20)显示获取温度;
显示位置(X:20,Y:40)显示获取的湿度;
显示位置(X:100,Y:60,分辨率为319X239)天气图片。

显示获取天气天气

显示获取天气信息例程效果图:

显示获取天气

光线强度折线

光线折线例程运行结果:在LED屏幕上连续显示16秒光线强度变化的折线图。

LCD显示光线强度折线

光线强度折线例程代码下载:https://makecode.microbit.org/_6XiHH0YrEWAw

飞翔的小鸟

飞翔的小鸟例程运行结果:飞翔的小鸟在游戏开始前会有倒计时,当倒计时完成,小鸟和障碍物就会出现,当小鸟掉到最低和触碰到障碍物游戏结束
小鸟需要从两个障碍物之间飞过,按下A键小鸟向上飞10个像素点,当没有任何操作时小鸟下降40个像素点,所以想要让小鸟在原地需要按4次按键,
当游戏结束后按下B键会出现计分板,在按下B键游戏从新开始。

飞翔的小鸟

飞翔的小鸟例程下载:https://makecode.microbit.org/_X156z0DqTeTD

吃面包

思聪吃面包例程运行结果:将micro:bit屏幕扩展板左右倾斜来控制思聪去吃面包,面包会从屏幕上方的不同位置出现,当思聪与面包的像素点重合的时候
表示思聪已经吃到面包,此时会振动一下,如果没有吃到则无任何反馈。

吃面包

思聪吃面包例程代码下载:https://makecode.microbit.org/_TxDiaMPDEhde

疑难解答

更多问题及有趣的应用,请访问论坛

更多

DFshopping car1.png Link DFRobot商城购买链接

个人工具
名字空间

变换
操作
导航
工具箱