优秀课程案例:使用Scratch的画笔积木模块绘制一个时钟,教程详解带并且素材

 

4c96d96c7a70d251e6721aa6b328c967.gif

今天准备重新排版一下,详细的讲解每个步骤和需要注意的细节,并且分享出来详细的源码和素材。

cebb32ae59426c8366b5eb4f7e9b4dd1.png

1:添加时钟背景,这个素材大家可以用我们的,也可以自己网上寻找自己觉得好看的时钟刻度背景,比如我们可以这样使用关键字找到自己想要的图片:

395854f64a95ce247809248405e87c04.png

大家注意,一点要找没有表针的钟表盘,方便我们后边使用画笔绘制表针。那么我们接下来就添加背景:

e0d43bc476567d8d73df28866830a15d.png

我们的背景脚本区,不需要写任何代码。

2:下边我们开始绘制时、分、秒的表针,这里我们需要用到画笔模块。我们在创建项目的时候,图形化编程工具给我们默认的选了一个小猫角色,我们就偷个懒不额外创建角色对象了,当然大家也可以直接重新创建。主要我们需要一开始就让小猫造型在舞台上隐藏起来,不然我们的表盘上有个小猫,挺不美观的。

    默认隐藏小猫可以这样做:

808fcb2285095c591301f7f3fc3adf38.png

3:接下来我们开始绘制表针,在Scratch3.0中,画笔模块默认是在扩展模块中的,我们需要选择出来。

e10c886103815349def3163f5d93ad87.png

然后我们贴一下,脚本区的所有代码:

92c4939f3fc72608ac30722677f1f4a5.png

ab7068716ece871c9e54424bb4c84039.png

5370553774f22bb93b3df66ddc19313f.png

大家一定要注意面向这里的角度问题:

首先来分析一下三个指针之间的关系:

秒针:当前时间的秒*(360/60)

分针:当前时间的分*(360/60)+当前时间的秒*(360/60/60)

时针:当前时间的时*(360/12)+当前时间的分*(360/60/12)

我们可以看出来,我脚本里计算积木中可能和这个算法有区别,当然大家可以根据自己理解适当的调整算法,毕竟并不是只有1+1=2,想等于2的办法有很多,我们需要理解一圈的度数问题。

好了,今天讲解就到这里,我们在分享一个小技巧,很多人平时下载了我们分享的程序文件,还问小编要素材,我说素材就在代码中,可以自己鼠标反键导出来,位图模式下导出为:png格式,矢量图模式下导出为:SVG格式,请大家要注意这个好像最新版本才有这个功能,如果没有就更新最新版本,或者在国内的一些线上图形编程工具中试试。

源码下载地址:

链接: https://pan.baidu.com/s/1Fn5MZai-9km23K3l2JeqFA  密码: eei5

--来自百度网盘超级会员V1的分享

ae3d615db75094fa94a65f7ae47d055d.png

 

 

 

 

 

 

 

 

 

 

 

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

青少儿编程课堂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值