跳到主要内容

产品使用教程

项目简介​

相信平时大家在生活中见到不少的点阵屏，这次我们尝试以Microbit作为主控零门槛做一个吧。小喵科技提供了友好可绘制的点阵屏内容界面，支持文字和图片，可帮助大家快速上手点阵屏显示。

项目亮点

危险
  • 以Microbit为主控显示自己定义的字或者图案而不需要依靠非常专业的知识
  • 加入超声波魔块和MP3魔块进行点阵互动触发。

项目清单​

材料备注
MicrobitV1.5（V2不支持）x1
Armourbit扩展盒x1
能量魔块电池盒x1
能量魔块MP3魔块x1
能量魔块超声波魔块x1
能量魔块4PIN连接线x4
能量魔块3PIN连接线x1
积木结构件x1

项目注意点​

1、硬件主控板必须为MicrobitV1.5
2、编程软件只能使用喵家提供的Makecode3.4版本

项目框图​

image.png

快速上手​

STEP1：音乐文件拷贝​

1、把我们提供的0001.mp3歌曲复制到内存卡上，适配我们的示例程序的音乐播放
内存卡插到能量魔块mp3魔块需要有点技巧，卡槽是自弹式的
！注意插入的方向
lADPJxDjvYmEMjjNBNrNBNo_1242_1242.jpg

！需要借助卡片，推一推内存卡，把内存卡推到卡槽里，咔哒一声就可以了。退出内存卡操作也是一样
lADPJxuMOXfXskLNBNrNBNo_1242_1242.jpg
最后安装好的效果
lADPJx8ZuByeMk7NBNrNBNo_1242_1242.jpg

STEP2：结构搭建​

小电视搭建说明书.pdf
点阵的拼接方式和位置很重要，一定要看清楚再插接，否则图案显示就不正确了

STEP3：电子接线​

注意主控盒的Port口对应的插接魔块
Port2-》超声波魔块
Port3-》点阵屏魔块
Port4-》MP3魔块
接线图.png

电源开关是自锁开关类型，摁下为开，弹起来为关。

电池盒充电口，充电时，显示指示灯显示蓝色，充满亮绿色，配套电池为2200mAh（刚收到货的时候，电池是没什么电的，需要冲一下，使用手机充电器或者电脑USB口充电，充满大概需要1~2小时。）
image.png

STEP4：快速测试​

如果检查以上电子接线接插都正确后，且电池盒的电源已经打开了。

用数据线连接电脑和Microbit，推荐使用套件配套的数据线。
lADPJxDjvYE0l8XNBNrNBNo_1242_1242.jpg

插到电脑上会出现一个Microbit U盘，如果没有出现需要检查下数据线的连接，或者更换电脑的USB接口再尝试。
image.png

淘宝购买赠送的资料包中提供的“microbit-小喵电视抖音.hex”复制到Microbit的盘符上，复制过程中Microbit背后有颗黄色灯在闪烁，闪烁完毕后，即程序已经成功下载到板子上。

下载完毕后，手靠近超声波魔块，距离小于15cm，就会触发MP3播放黑人抬棺和点阵屏显示

自定义屏幕内容​

如果示例程序已经跑起来了，我们开始学习如何自定义我们的文字和图片把。
切换MP3歌曲，非常简单，直接找自己喜欢的曲子后，直接在替换内存卡中的0001.mp3即可，或者自己学会修改程序。

STEP1：软件准备​

先下载Makecode离线版本3.4绿色版本
淘宝购买后赠送的资料包中也有这个软件

下载后解压，打开软件，首次运行会有系统网络连接提醒，请允许。
image.png
软件界面
image.png

STEP2：插件加载​

扩展中选择——neomatrix
neomatrix是小喵科技针对16x16点阵开发的点阵编辑界面，可设置中文字或者导入图片
image.png

加载成功
image.png

进入编辑界面，根据网络时间，几秒到几分钟不等
image.png

界面成功打开
image.png

STEP3：编辑中文​

1、输入文字内容，也可更改字的颜色和背景颜色，如图红框所示
image.png

2、增加下一帧
image.png

3、同样的操作，我把小喵电视这四个字都做好了
image.png

STEP4：增加图片​

1、上传图片，图片大小要求是16x16像素，太大的普通图片，上传是得不到你想要的结果的。因此如果图片一旦超出16x16像素，借助图片工具进行缩放导出。

图片一般从网络中寻找或者自己绘制，搜索引擎查找“像素图16x16”
每增加一帧，加入一张图片，这里我用了抖音的gif图分解成图片来制作。
淘宝购买赠送的资料包中“NeoMatrix素材图片”文件夹下有处理好的的图片，可以直接进行使用
image.png

STEP5：输出转化为代码​

1、最后输出转换，选择【Powerbrick】，并左上角返回
image.pngimage.png

STEP6：编程下载​

初始化定义点阵屏连接引脚和类型，这里与实物连线相对应，选择Port3，类型选择16x16，结构拼接是田字拼接形式

无限循环中显示 showFrame，选择刚才点阵界面生成的内容
image.png

点阵显示中文字和显示相应的图片
image.png

STEP7：编程下载​

用数据线连接电脑和Microbit，推荐使用套件配套的数据线。
lADPJxDjvYE0l8XNBNrNBNo_1242_1242.jpg

插到电脑上会出现一个Microbit U盘，如果没有出现需要检查下数据线的连接，或者更换电脑的USB接口再尝试。
image.png

STEP8：下载保存到硬件​

最后点击下载，把hex文件保存到板子上就能得到效果啦
可以看到，点阵一直在循环显示

image.png​

修改示例程序​

刚才的自定义程序只是教大家如何显示点阵屏内容，如果要把超声波模块和MP3模块单独用起来可以参考下这里的视频教程。
MP3魔块
超声波魔块

大家也可以直接在makecode软件中直接导入程序“microbit-小喵电视抖音.hex”，再进行点阵的文字图案进行修改。
image.png

进阶学习——寻找好看的16x16的gif动图​

示例程序中演示的是16x16大小的抖音图标的gif动画的单张图片，一般只有这种gif动画图片显示起来才比较好看，因此我们需要掌握获取这些gif动画的技能，这部分学习相对有点难，新手建议多看几遍。

在手机软件中我们安装一个叫“Divoom Smart”的软件，这个一个商用的16x16点阵软件，上面含有丰富的16x16尺寸的gif动画，我们可以把这个gif动画下载来，放到电脑中再做处理。

1、软件安装完毕主界面
lADPJxf-utTett7NBQDNAtA_720_1280.jpg

2、可以对应搜索自己喜欢的图片，这里我找了一只猫，注意这里找的图片需要是16x16像素形式的
lADPJxf-utTetufNBQDNAtA_720_1280.jpg

3、将它保存到手机相册后，再发给电脑处理
image.png

4、电脑中安装“ScreenToGif”（淘宝购买的资料包中有提供），打开后选择——编辑器
image.png

5、加载gif图
image.png
image.png

6、将图片大小进行设置，设置为16，应用
image.png

7、打开图片对应的文件夹
image.png

这些图片已经是NeoMatrix可用的尺寸大小了，我们可以将它们复制保存到自己的地方
image.png

8、在NeoMatrix中把对应的图片导入即可
image.png

信息

教程到这里就结束了，能跟着一起操作起来吗？
如果有任何疑问欢迎评论区见~