scratch项目_【SCRATCH雕虫小技】如何优雅地展示项目的进度

c493be22ee5e75b4648c5fc125be6f06.gif

甜橙pro|一个正经的信息老师 我希望【 SCRATCH 雕虫小技】是一个轻松一点的合集,遇到有值得显摆一下的小技巧就写一篇短文分享出来,要是觉得还可以,需要用的时候拿来用就行了,不用客气。

前几天在我们一个项目里,大系统设计师和分系统的设计师有一点争执,原因是大系统要求分系统实时汇报计算进度,但分系统觉得有点困难。在软件中展示项目的进度可能有点困难,但展示项目的进度在原理上并不复杂,我们甚至可以在SCRATCH中演示一下

9c316bb830ea73545f8b0445b0181950.png

用变量记录进度

要展示项目的进度,首先需要用一个或者多个变量随时记录项目的进度。我们以画下面的几何图案为例,演示用变量记录画图的进度。

7cc064b34782b0d532b275adad49d94b.png

我们的做法是先定义一个变量绘制进度来记录进度。绘图开始时,首先将绘制进度置零,每当画笔完成一个正方形的绘制,绘制进度增加一定的数值,直到图案完成。

db16cf6bd5d9ea19e14431b7dfb8b918.gif

△ 用绘制进度来记录绘图完成了多少工作

因为完整的图案需要绘制20个正方形,所以每画完一个正方形,绘制进度加5。下面是完整的积木和演示动画,在左上角我们能看到绘制进度的变化。

56d848a0a053c97e4924168141c1d40d.png

用进度条展示进度

有一个变量实时记录进度还不够,我们还要把进度直观地展示出来。一种思路是以进度的数值为长度来绘制进度条,重复地刷新进度条来实时展示项目的进度。

91b8489d560c5454f9c3db4005f486cd.gif

△ 用进度条展示绘制进度

另一种思路参考了我们小时候玩仙剑游戏,转场时候的进度条。选取一个标志物来表示进度,起始时标志物在起点,进度变化时标志物会向前运动,直到进度达到100%时,标志物移动到终点。

7243e64d45e892250bfe90abcd55c408.gif

△ 展示绘制进度的另一种方法

在这里红色的条纹就是整段路程,标志物就是飞天猫,这样展示进度也很清楚。

b54942b0ed5aac16f683fee3369ae2df.png

进度条还能用到哪

进度条除了用在我们在画图的时候显示进度,还可以用到很多小游戏或者程序中。

闯关游戏:展示闯过的关卡和总的关卡数。

寻宝游戏:展示寻得的宝物和游戏中宝物的总数。

设计游戏:展示击杀的敌人和敌人的总数。

赛车游戏:展示已经行驶的路程和游戏中的总路程。


03c19e2db7f13e3e8b599188d41127d9.gif

甜橙pro

ba87efac4b003088a8114e265d9e5da7.png

一个正经的信息老师

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值