Scratch实例9-繁花曲线

2019-07-23 15:08

线

上一篇绘制圆形绘图让我对用Scratch画繁花曲线燃起了很大的兴趣,趁今天上午有空,自己琢磨了一下,越研究越有意思,比起以前小时候用万花尺来画,现在借用计算机技术实现更有成就感。

01

需求分析1

我首先想到的是可以先画出各种平面几何图形,比如三角形,正方形,5边形,六边形。画这些几何图形有个规律就是,移动了一定的边长后,就右转一个度数,而这个度数正好是360/边数。以此类推,如果边足够多,那其实就是一个圆形。

https://cdn.china-scratch.com/timg/190725/150T5D46-0.jpg

02

代码1

有了规律,就好画出图形了。定义两个变量:

1.边。

2.边长。

https://cdn.china-scratch.com/timg/190725/150TAb9-1.jpg

这个游戏中只需要空白角色就行了。结合画笔的积木块,很简单就能实现画几何图形。

https://cdn.china-scratch.com/timg/190725/150T62528-2.jpg

https://cdn.china-scratch.com/timg/190725/150TB916-3.jpg

03

需求分析2

如果让一个已画好的图形,再连续转动某个角度,就会形成一系列的图形叠加。比如让一个三角形,在360度内,形成2,3,4个图形叠加,如:

https://cdn.china-scratch.com/timg/190725/150TK528-4.jpghttps://cdn.china-scratch.com/timg/190725/150THE5-5.jpghttps://cdn.china-scratch.com/timg/190725/150TK314-6.jpg

可以推出规律为三角形分别转动了360/2 度,360/3 度,360/4 度。找出了如此规律,我们看看通过代码怎么来实现,实现的效果为什么?

04

代码2

增加一个变量:

3.形状

https://cdn.china-scratch.com/timg/190725/150TG544-7.jpg

可以通过改变变量的值,我们可以看出效果,不知道你们看的怎样,反正我看的很舒爽https://res.wx.qq.com/mpres/htmledition/images/icon/common/emotion_panel/smiley/smiley_13.png

https://cdn.china-scratch.com/timg/190725/150TS5B-9.jpg

对代码再进行优化,让几何图形也转完了360度后,把边长增加,看看会是什么效果。

https://cdn.china-scratch.com/timg/190725/150TRF1-10.jpg

对繁花曲线的研究告一段落,挺好玩的,如果你们感兴趣,还可以把形状,画笔颜色都做为变量,看看最后画出的效果是什么,只要你想,没有什么是不能做的。让我想到以前和客户讨论需求的时候,客户会问,这样或那样能不能实现,我会明确的告诉他,只要你的预算足够,什么都可以实现

--end--

后记,小编朋友公司研发了一个游戏化的少儿编程在线课程(5-12岁),游戏化教学结合scratch(一款在线少儿编程工具,类似乐高的积木拼搭),我家娃娃学了几次课,非常喜欢(超预期),16次课才200多块钱,对锻炼孩子的思维能力和动手动力很有帮助。

感兴趣的朋友可以扫描二维码,关注一下,或微信搜索“大耳猴少儿编程”

https://www.china-scratch.com/Uploads/Editor/2018-04-22/5adca08bdc212.jpg

声明:本文章由爬虫自动处理和转载作为教育分享用途,原作者可通过邮件及时和我们联系处理:freemanzk@qq.com