美文网首页scratch
Scratch实例-圆形绘图

Scratch实例-圆形绘图

作者: scratch少儿编程 | 来源:发表于2019-08-29 10:22 被阅读0次

    最近发现Chris对于机械类积木越来越有兴趣,放学后回家他也可以一个人坐在书桌前静心研究,虽然有时还是会不仔细搭反方向,但比起最初时时都需要我来帮助有了很大的进步。今天他自己完成了一个自动绘图仪,各种轴和齿轮的组合并绑住一只马克笔,通过马达的带动,就变成了一个精妙的绘图仪器。

    这让我想起了小时候我玩过的万花尺,画出的繁花曲线。也就引出了今天的主题,在Scratch平台绘制出可重叠的圆形图案。

    01 需求讨论1

    和果果同学讨论怎么来实现绘制圆形图案,以舞台为背景,看成xy轴,以中心点即(0,0)为圆点,设计一条直线为半径,转动360度,画圆。并且画圆是一个连续的动作并不是一蹴而就,则需要慢慢的转动一个度数,我们设每次转动5度,则需要360/5=72次停顿,在10秒内完成这个圆圈,则每次停顿10/72 秒。

    02 角色绘制1

    绘制圆的半径:

    通过Scratch的绘图工具,以标注的中心点为起点,画一条直线,做为圆形的半径。

    03 代码1

    设置两个变量

    1.停顿次数

    2.画圈时间

    拖拽半径的代码

    实现效果:

    现在半径已经开始转动了,如果把圆画出来,我们需要使用到”画笔”这个积木块,但我们发现,如果让半径做为画笔,出来的效果就是这样的:

    这样的效果是不满足我们的需求的,我们分析了一下,我们应该以半径的端点为画笔,这样就能画出我们想要的效果,那就需要一个端点的角色。

    绘制半径的端点:

    复制半径的角色造型,记住末端的位置,擦掉直线,并在末端画一个圆点图标,做为半径的端点。

    给角色端点拖拽代码:

    把之前给半径加上的画笔的代码去掉,再看看实现效果:

    成功画圆。但如果我们想做一个类似万花尺的画圆图案,只画一个圆圈肯定是不行的,那再想想…..

    04 需求讨论2

    虽然已经成功画圆,但如果想要达到各种圆形的叠加,我们在草稿纸上是这样设计的:

    通过移动圆形中心点的坐标,分别在xy轴上上下左右移动坐标,同时画圆,这样就可以实现圆形的叠加。

    05 绘制角色2

    通过简单的复制,我们将角色分为:

    直线1,端点1(朝x轴正向移动)

    直线2,端点2(朝x轴负向移动)

    直线3,端点3(朝y轴正向移动)

    直线4,端点4(朝y轴负向移动)

    06 代码2

    增加4个变量用来记录4个坐标的变化

    x坐标1(正向)

    x坐标2(负向)

    y坐标1(正向)

    y坐标2(负向)

    分别对xy轴的上下左右方向进行移动,针对直线1的代码:

    端点1的代码:

    同理:

    直线2和端点2朝x轴负向移动,

    直线3和端点3朝y轴正向移动,

    直线4和端点4朝y轴负向移动。

    07 演示效果

    这个演示效果看的极度舒适。

    这里面掌握的知识还是针对xy轴坐标循环移动以及对画笔积木块的应用,只要多留意身边的事物,就能做出自己感兴趣的东西。一起加油吧!

    END

    相关文章

      网友评论

        本文标题:Scratch实例-圆形绘图

        本文链接:https://www.haomeiwen.com/subject/tribectx.html