3623浏览
查看: 3623|回复: 2

[K10教程] 【行空板K10基础入门教程】第01课:趣识脸谱

[复制链接]
本帖最后由 zoey不种土豆 于 2024-11-26 14:49 编辑

Hi,欢迎各位来到行空板K10的第一课!相信大家都听过川剧变脸。川剧变脸是中国传统戏曲川剧中的一项独特技艺,以其快速、神奇的变脸效果而闻名于世。在我们行空板K10的第一课中,我们将会学习怎么用我们的行空板K10,实现川剧变脸!
【行空板K10基础入门教程】第01课:趣识脸谱图1


任务目标
在行空板K10上显示文字和图片,利用环境光传感器实现脸谱的切换。
【行空板K10基础入门教程】第01课:趣识脸谱图2
知识目标
1、 掌握在行空板K10上显示文字的方法
2、 掌握在行空板K10上显示图片的方法
3、 掌握运算符指令的应用
4、 掌握行空板K10内置环境光传感器的使用。

材料清单
硬件清单:
【行空板K10基础入门教程】第01课:趣识脸谱图3

软件使用:Mind+编程软件
1.软件压缩包下载:
  * 网页下载
  * 百度网盘下载:https://pan.baidu.com 提取码: 17d6
  *夸克网盘下载
2.将压缩包解压,注意解压过程中关闭杀毒软件,解压后文件夹路径不含中文,解压后文件夹路径不宜过长
3.打开解压后的文件夹,找到 Mind+.exe,双击打开
4.若编译任何代码都报错,建议在解压时将所有后台的杀毒软件退出,将解压出的文件夹放到 C 盘根目录,文件夹的名字改为"win-ia32-unpacked20241012"。文件夹中的 exe 文件,不可直接拖到桌面,要右键-发送到桌面快捷方式。

软件基础使用
1、 打开 Mind+,切换到上传模式
双击启动 Mind+软件,可以看到如下界面:
【行空板K10基础入门教程】第01课:趣识脸谱图4

点击右上角的上传模式
【行空板K10基础入门教程】第01课:趣识脸谱图5

接下来看到的界面就是 Mind+编程的操作界面,让我们来看一下这个界面由哪些部分组成。
【行空板K10基础入门教程】第01课:趣识脸谱图6

注:关于 Mind+界面中每个区域的详细介绍,详见本课“知识园地”部分。

2.加载行空板K10基于前面的操作,只需要点击“扩展库”,找到“官方库”下的“行空板”模块点击完成添加,点击返回后,就可以在“指令区”找到行空板K10,完成行空板K10加载。
【行空板K10基础入门教程】第01课:趣识脸谱图7

3、连接行空板K10
首先,你需要通过 USB 连接线将行空板K10连接到计算机。
【行空板K10基础入门教程】第01课:趣识脸谱图8

然后,点击连接设备后,点击 COM7-UNIHIKER K10 进行连接。
【行空板K10基础入门教程】第01课:趣识脸谱图9
注:不同行空板K10的设备名称可能不同,但都是以“ K10 ”结尾。


4、 保存文件
点击“菜单栏”里的“项目”,并在出现的下拉菜单中点击“保存项目”。
【行空板K10基础入门教程】第01课:趣识脸谱图10

在弹出的界面中选择保存位置,输入你自己的文件名,保存类型选择为“Mind+”,点击保存即可。
【行空板K10基础入门教程】第01课:趣识脸谱图11

动手实践

接下来一起动手完成今天的课程任务吧。我们将从第一个行空板K10指令开始,逐步学习如何在行空板K10屏幕上显示文字和脸谱,同时利用内置环境光传感器实现脸谱的切换。
任务一:运行第一条指令——显示文字
这一部分我们将学习显示文字的方法,并在行空板K10屏幕上显示预设文字“蓝脸的窦尔敦 盗御马”。
任务二:显示脸谱图片
这一部分我们将学习显示图片的方法,并能够在行空板K10屏幕上显示脸谱图片。
任务三:利用环境光传感器切换脸谱
这一部分我们将学习利用行空板K10搭载的环境光传感器,设定条件从而实现脸谱的切换功能。

任务一:运行第一条指令——显示文字

1、 硬件搭建
确认使用 USB 连接线将行空板K10连接到计算机。
2、 软件准备
确认已打开 Mind+,在 Python 图形化模式下出现预设代码,成功加载行空板K10。接下来就可以编写项目程序了。
【行空板K10基础入门教程】第01课:趣识脸谱图12

3、 编写程序
STEP1:我们可以先在行空板K10分类下找到 缓存显示文字”行空板”在 X0Y0 字号 24 颜色蓝 指令,然后将它拖拽,放在预设代码行空板K10主程序开始的下面。
【行空板K10基础入门教程】第01课:趣识脸谱图13
注:关于文字指令的相关详细介绍,详见知识园地。
STEP2:在行空板K10下找到 缓存内容显示/显示更新 指令,然后将它拖拽,放在显示文字指令的下方。

【行空板K10基础入门教程】第01课:趣识脸谱图14
注:当使用到显示相关指令时(如 文字、形状、图片),需要使用 将缓存内容显示/显示更新 指令后,才会将内容显示出来。
完整代码如下图:
【行空板K10基础入门教程】第01课:趣识脸谱图15

4、 程序执行
STEP1:检查并保证行空板K10已连接 Mind+,即在“菜单栏”部分显示 IP;
【行空板K10基础入门教程】第01课:趣识脸谱图16

STEP2:点击界面右上方的上传到设备按钮;
【行空板K10基础入门教程】第01课:趣识脸谱图17

STEP3:观察行空板K10屏幕显示效果(参考下图)。
【行空板K10基础入门教程】第01课:趣识脸谱图18

任务二:显示脸谱图片
1、 编写程序
STEP1:我们可以先在行空板K10分类下找到 缓存显示本地加载图片 指令,然后将它拖拽,放在缓存显示文字指令的下面。

【行空板K10基础入门教程】第01课:趣识脸谱图19

STEP2:在显示图片指令中,按照步骤选取对应的照片
【行空板K10基础入门教程】第01课:趣识脸谱图20

STEP3:调整图片坐标以及大小。
缓存显示本地加载图片默认的图片坐标为(X:0;Y:0),大小为高度 100,宽度 100。为了能够让屏幕内容整体呈现的效果更加美观,我们往往需要对图片的大小以及尺寸进行调节,在这一个项目中,我们重新设置脸谱图片的相关参数设置如下。
【行空板K10基础入门教程】第01课:趣识脸谱图21
【行空板K10基础入门教程】第01课:趣识脸谱图22

2、程序运行
STEP1:连接行空板K10
STEP2:点击界面右上方的“上传到设备”按钮
STEP3:观察效果,观察行空板K10,可以在屏幕上看到脸谱图片的出现(如下图)。
【行空板K10基础入门教程】第01课:趣识脸谱图23

试一试:参照第一个脸谱以及文字的制作,为关公、典韦、曹操、张飞制作好脸谱以及对应的文字。完整的程序可以参考以下代码。
【行空板K10基础入门教程】第01课:趣识脸谱图24

3、 优化程序
在制作“白脸的曹操”这一脸谱及对应的文字时,大家应该遇到了一个问题,“白脸的曹操“这一文字无法显示出来。这是因为字体颜色为白色,与背景图片的颜色相同,所以字体就隐藏了。
【行空板K10基础入门教程】第01课:趣识脸谱图25

为了使得文字能够正常地显现,我们需要在字体所在的地方提前画一个黑色填充颜色的矩形框,相关操作如下。
【行空板K10基础入门教程】第01课:趣识脸谱图26

但是我们需要注意,在绘制填充矩形之后,我们需要把文字显示指令中,是否自动清除改为否,因为开启自动清除后,会自动将坐标后的内容全部清除为背景色,包括已经显示的文字、线条、图片。这里如果我们开启自动清除,会将我们先前绘制好的矩形框清除。
【行空板K10基础入门教程】第01课:趣识脸谱图27

完成之后,行空板K10屏幕显示的效果图如下图所示。
【行空板K10基础入门教程】第01课:趣识脸谱图28

任务三:利用环境光传感器切换脸谱

这一过程的逻辑是当行空板K10检测到环境光数值低于一定数值后,又再高于这一数值,那么程序才会继续往下执行,从而实现脸谱的切换。那我们该如何检测环境光数值,同时对其与特定的数值进行比较呢?
【行空板K10基础入门教程】第01课:趣识脸谱图29

1、 编写程序
STEP1:读取环境光传感器数据并设置判断条件
在这个游戏当中,为了使得我们的手靠近行空板K10,再移走之后,行空板K10能够做出反应,切换脸谱,我们需要利用到行空板K10的板载光传感器。
环境光传感器模块的使用:
【行空板K10基础入门教程】第01课:趣识脸谱图30
注意:要了解行空板K10内置环境光传感器的更多信息,详见“知识园地”。


为了测出在手移开环境光前后的阈值大小,我们需要将环境光的数值进行打印,观察在手移开传感器前后,环境光数值的变化大小,从而得出临界的阈值。测试程序如下。
【行空板K10基础入门教程】第01课:趣识脸谱图31

在遮住环境光传感器前后测得的环境光数值如下:
【行空板K10基础入门教程】第01课:趣识脸谱图32

环境光强度大小的判断:
【行空板K10基础入门教程】第01课:趣识脸谱图33

接下来,为了实现脸谱在满足条件后,能够进行切换,我们可以使用等待直到(满足条件) 指令,将上面环境光的判断指令拖拽放入。
【行空板K10基础入门教程】第01课:趣识脸谱图34

同样地,我们对其它脸谱也采取同样的操作,具体如下图。
【行空板K10基础入门教程】第01课:趣识脸谱图35

STEP2:循环执行,多次变脸
为了实现脸谱的循环连续变换,我们需要将主程序指令之后的代码,放入到循环执行指令当中。
【行空板K10基础入门教程】第01课:趣识脸谱图36

完整的程序参考以下代码:
【行空板K10基础入门教程】第01课:趣识脸谱图37

2、 运行程序
点击上传到设备,试一下用手挡住行空板K10,再移开,感受一下脸谱的变换吧!

知识园地
1、 Mind+相关界面介绍
前面我们已经了解过 Mind+与行空板K10相关的操作界面,接下来详细学习一下各个区域的功能。
【行空板K10基础入门教程】第01课:趣识脸谱图38

Mind+与行空板K10相关操作功能介绍。
【行空板K10基础入门教程】第01课:趣识脸谱图39
【行空板K10基础入门教程】第01课:趣识脸谱图40

2、文字显示指令
【行空板K10基础入门教程】第01课:趣识脸谱图41

3、行空板K10内置环境光传感器
行空板K10内置数字环境光传感器,输出环境光的物理量数值而不仅仅是光线的强弱等程度在板上所处位置,如下图所示。因此,在本游戏当中,如果遮住行空板K10之后,不能让脸谱发现变换,要注意,是否遮住了行空板K10的光传感器的位置。
【行空板K10基础入门教程】第01课:趣识脸谱图42

本文程序和相关素材下载:下载附件第一课 趣识脸谱.zip

孙洪尧1985  中级技师

发表于 2024-11-16 15:24:38

我觉额换个手势识别效果更好
回复

使用道具 举报

天道  见习技师

发表于 5 天前

怎样配上背景音乐呢?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2024 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail