首页>少儿编程>Scratch 利用开关变量实现按键防抖

Scratch 利用开关变量实现按键防抖

想利用Scratch实现一个简单的能实现整数的加减乘除的计算器,为啥要特别指定为整数呢?因为快做完的时候突然发现,键盘UI上并没有设计小数点-_-!!整体的设计思路是把功能分成3块:

一个计算器的诞生

1,利用键盘与鼠标获取数据并存入一个“inputText”,这也是本篇博文准备要解决的问题;
2,监控“inputText”的字符内容,其规则包括但不限于:

包含字母c时清空inputText
包含字母d时将提取inputText除末位外的所有字符并重复赋值给inputText
包含“数字串”与“+-*/”符号时:拆分为“数字串”+“符号”并依次存入一个缓存用的列表,并清空inputText
包含“数字串”与“=”符号时:拆分“数字串”存入一个缓存列表,并清空inputText
单纯的“数字串”不处理
...

目标是将输入的字符在列表中按第一项数字,第二项计算符,第三项数字,第四项计算符这样的顺序排列,并监控列表项目数是否大于等于三项,如果符合条件就将前3项组合成计算式,并将结果赋值给列表第三项,然后删除列表前2项,打着打着感觉说得很绕,用文本来演示一下吧:

输入“12+”

列表第一项  12
列表第二项  +

输入“14+”

列表第一项  12
列表第二项  +
列表第三项  14
列表第四项  +

满足条件,计算结果,赋值给第三项

列表第一项  12
列表第二项  +
列表第三项  14 + 12 = 26
列表第四项  +

删除前两项

列表第三项  14 + 12 = 26
列表第四项  +

最终就又变成了这样等待计算的形式

列表第一项  26
列表第二项  +

3,每次输入数据之后发送“刷新信号”给负责展示数据的对象,让负责展示的对象提取数据并显示在屏幕上。

接收输入数据

Scratch_utilizes_switch_quantity_to_achieve_key_stabilization_p1

我们首先定义一个inputText变量,在程序开始前将其设置为空,设置为空与设置为0的区别是,用于连接字符串时,如果设置为0,那么0会被处理成一个字符。设置为空的方法么,就是把这个0选中,然后轻松的点击一下删除Delete键。

Scratch_utilizes_switch_quantity_to_achieve_key_stabilization_p2

在屏幕上显示inputText变量,试试按几个键,博主尝试了依次按123456789键,但是因为手速过慢的关系,实际inputText获取到的值变成了图中这个样子。

关于按键防抖

键盘事件经常被用于设计一些小游戏,比如按下向右键时控制角色前进,觉得运动距离合适的时候松开按键,角色也随着键盘弹起而停止响应。在计算器的这个实现里,如果按下按键一段时间不松开,程序会不断的将数据填充入我们的变量“inputText”,导致收获一长串的数字,即便是飞快的单击一下按键“1”,结果也有可能会得到“111”,乃至“1111”这样的值。计算个“1+2”也得依赖玩家的手速显然不太合理,有两个办法可以解决这个问题,第一是在按下按键后运行一个“等待(时长)”的积木,以避免过快输入,但等待时间过长会拖慢程序进程,太短则容易因为超过等待时间而出现误输入,所以这里更推荐的是增加一个开关变量来实现防抖。

增设防抖开关变量

现在我们增加一个名为keySwitch的变量,预设为0,当检测到有任意按键被按下时,判断keySwitch=0以及按键动作是否同时满足,如果同时满足则把数据保存进inputText,数据保存的同时将keySwitch的值修改为1,这样一来下一波判定就无法同时满足两个条件了,什么时候把值修改回来呢?判断没有任何键被按下的时候,也就是keyCount=0的时候。

Scratch_utilizes_switch_quantity_to_achieve_key_stabilization_p3

这里有个容易出BUG的地方,如果亲添加了鼠标点击输入(鼠标同样会遇到点一次输入多次的问题)的功能,为鼠标也需要做防抖的话,记得另行设置一个开关变量----比如mouseSwitch。共用开关变量(公共变量或多或少存在这样被误修改的问题)很容易引发预想之外的后果。

标签: Scratch

移动端可扫我直达哦~

推荐阅读

scratch 2024-06-10

推箱子游戏的人物行进动作与下一关卡的过渡

做这个案例花了很长的时间,主要的时间是用在了寻找一个合适的游戏角色上,虽然网上有很多的4方向的人物动作图,但部分是工种不匹配,总不能找个英俊潇洒的美男子,或是弱不经风的大小姐来干推箱子这种体力活吧,更不用说携带管制刀具的剑士,或是呼风...

少儿编程 Scratch

scratch 2024-06-10

推箱子游戏的地图布局与箱子的运动逻辑

为了利用自定义积木的屏幕免刷新,所以地图布局按惯例扔给了一块自定义积木,整个游戏的逻辑依赖于“关卡缓存”这张列表,首当其冲的就是布局,对于这个游戏,博主将屏幕统一划分成了10横12纵的栅格,不显示的部分都用“0值”填充,虽然实际的游戏...

少儿编程 Scratch

scratch 2024-06-10

Scratch推箱子游戏地图制作-与Excel间的数据交换

在Scratch基础教程这个系列中提到过Excel这个软件,这其实是一个伪装成电子表格的万能工具,我们可以用它来处理数据,也可以用它来转换html格式的表格以便把表格内容发布到网站。当然也有用Excel来画像素图,甚至制作游戏的,对于...

少儿编程 Scratch

scratch 2024-05-31

滚动长方体游戏的边界检测与游戏结果判断

在进行滚动长方体操作时,我们设置了一个名为“方块状态”的变量,根据长方体的初始状态与旋转后的最终状态,我们分析后将其分为3个状态,即下图中的这几个状态:分别是竖直状态;长的一边靠近X轴的状态;以及长的一边靠近Y轴的状态。因为视角变化的...

少儿编程 Scratch

scratch 2024-05-30

Scratch滚动长方体游戏的地图布局与移动

在之前的教程中,我们曾经实现过一个跑酷游戏,通过固定人物,不断平移背景来实现移动效果。在滚动长方体这个小游戏中,博主把长方体的活动范围也限定在了原点附近,所以同样需要移动地图来衬托长方体的移动。一个长方体,绕某根坐标轴旋转的时候,不出...

少儿编程 Scratch

scratch 2024-05-30

Scratch中等距视角下长方体的滚动动作

刚学会上网那会,玩过一个网页版的滚动长方体的游戏,控制一个长方体在一个等距视角下翻滚。当把长方体垂直放入目标方格时,游戏判定胜利,进入下一关。前几天学习了一下2.5d视角的坐标换算与图形变换,准备来实现一个低配版本的滚动长方体游戏。实...

少儿编程 Scratch

scratch 2024-05-28

Scratch利用私有变量拼装可回溯的地图

在Scratch中可以利用两张设置更多的图片来循环播放,形成一个移动的背景,某天突然想到,如果用克隆体像铺砖块一样实现一个背景,又该如何组织呢,于是就动手尝试了一下。发现在生成克隆体的时候可以给克隆体一个私有变量以确定克隆体的x坐标,...

少儿编程 Scratch

scratch 2024-05-24

一个正方形在2.5D视角下是如何转动的?

沿着纵轴旋转45度的无透视游戏叫等距视角的游戏,通俗来说也叫2.5D游戏。很多小游戏都采用了这样的视觉,这个视角在2维的基础上塑造出了立体的视觉效果,相比正视图更有视觉表现力。这个视角看得挺多,但真正要想像一个方块如何在这个视角下转动...

少儿编程 Scratch

scratch 2024-05-22

Scratch版本开心消消乐游戏中方块的消除与补充逻辑

方块的补充是博主考虑时间最久的一个环节,纠结于是否需要扩大数据列表,把删除掉的积木在列表尾部补齐,又担心如果一列消除掉太多,Scratch角色超出边界后坐标移位。反复尝试过程中发现即便相同编号的克隆体堆叠在一起,但只要加一个限制条件,...

少儿编程 Scratch

scratch 2024-05-22

Scratch版本开心消消乐游戏中的消除统计

我们在alpha版本中基本完成了鼠标操作,并且把游戏进程推到了进程2,接下来尝试完成游戏的消除统计部分,对于消除的逻辑,博主一开始是使用了一个计数器,用于统计相同方块的数量,先把方块推入列表,下一块方块或下二块方块出现不同方块时,重置...

少儿编程 Scratch

scratch 2024-05-21

用Scratch做一个开心消消乐游戏-游戏逻辑与鼠标动作

准备实现一个类似开心消消乐的游戏,对于游戏的细节思考并测试了好多天,这也是博主几天没有更新博客的原因。制作过程中,有一个模糊的总结,单纯的思考并无助于推动项目的进展,实际动手制作尝试,倒是经常有意外的惊吓与惊喜。引用一句不是特别符合的...

少儿编程 Scratch