「图形化编程」Scratch 五角星

yumo66611小时前技术文章2

通过 「图形化编程」Scratch 初识 中的介绍,大家应该对 Scratch 这个编程工具有了初步的认识,今天我们来学习用 画笔 扩展库在 Scratch 上画一个五角星,项目演示如下


五角星原理

一个五角星是由 5 条线组成的,每条线长度相同,每画一次线转过一个固定角度画下一条,那么我们怎么确定要转多少度呢?来看看下面这个动画演示吧:


  1. 五角星中间是一个 正五边形,可以划分为 3 个三角形,每个三角形 内角和为 180 度,180*3=540 度,所以正五边形的内角和是 540 度
  2. 五边形的每个角为 540/5=108 度
  3. 由 108 度算出五角星的顶端的三角形一个角为 180-108=72 度
  4. 由于三角形的对称性,两个底角度数相同,算得顶角度数为 180-72*2=56
  5. 最后得到外角度数为 180-56=144,假设我们从右下角为起始点开始画,那么画到最上面的时候就要 左转 144 度 然后画下一条线

所以答案是 144 度,你答对了吗


添加画笔扩展库

首先打开 Scratch 网站(https://scratch.mit.edu/),新建一个项目,添加 画笔 扩展库,

1.点击左下角的图标,添加扩展库


2.在打开的页面中选择 画笔 扩展库,如图所示,这样画笔扩展库就添加好啦

另外,你可以选择关闭精灵显示,只画图案,这样画面看起来会比较干净,舞台上就只剩下五角星的线条啦


实现

上面原理里面讲过,我们需要画五条线,需要用一个 重复执行 5 次 的循环,每条线长度为 100,也就是让精灵移动 100 步,这个数字越大五角星越大,然后 左转 144 度就可以了,另外为了保证每次执行都重新画图,我们需要把舞台上的图案全部擦除,让画笔回到原点,然后落笔,最后为了画图不至于画的太快,有个间隔时间,我们加上 0.3 秒的循环,


  1. 当 绿旗 被点击时,让精灵移动到 x: 0 y:0,也就是屏幕正中间
  2. 面向 0 方向,也就是向上
  3. 全部擦除屏幕上的所有线条
  4. 落笔,开始画图
  5. 在 控制 分类下 找到 重复执行 10 次模块,把 10 改为 5
  6. 移动 100 步,这个数字越大五角星的边越长
  7. 左转 144 度
  8. 等待 0.3 秒

完成啦,快点击绿色棋子看看效果吧


完整代码图


项目地址

可以通过下面这个地址查看这个教程的代码,点击页面上的 “改编” 就可以保存成你自己的项目啦

https://scratch.mit.edu/projects/371113255/


下节教程我们来实现这个更复杂的图形

相关文章

Scratch编程基础篇(二) - Scratch安装

Scratch的安装安装Scratch有多种途径,我们来一一介绍:Scratch分为在线版和桌面版。 在线版不需要安装,首先我们打开Scratch官方网站:https://scratch.mit.ed...

Scratch编程软件工作界面介绍及操作入门

Scratch编程软件下载网站:www.Scratch.mit.edu既可以在线联网编程(Scratch.xiaoma.wang),在线联网编程需要注册该网站上的账户才能进行。也可以下载安装电脑桌面上...

如何让你的角色在Scratch上移动

如果您在Scratch上有一个精灵,则可能希望对其进行动画处理,作为下一步的学习。本文介绍了在Scratch中移动Sprite所需执行的操作。步骤1.访问scratch网站https://scratc...

微信:朋友圈诱导用户分享等违规行为将被封号

据微信官网消息,微信团队今日发布公告称,微信朋友圈对于链接的传播有防刷屏机制,近期发现有一些企业和机构存在绕过机制,在微信上进行恶意违规及对抗行为,包括但不限于通过批量域名或者将域名转变成图片等形式进...