Scratch

状课网-少儿编程网课专业平台

Scratch 跟我学scratch编程:动画篇—刚好遇见你

发布时间:2021-11-26 11:30:10 浏览 0

  scratch的最方便的用途一个是做小游戏,一个就是做动画,小朋友通过Scratch就可以做出动感十足的动画,之前CC哥没有单独讲过,今天拿一个小朋友的实例来看看小动画是怎么做的。

  ———— / 刚好遇见你 / ————

  这个小朋友做的程序虽然很简单,但是很有意境,而且素材基本上就是Scratch自带的素材,CC哥跟大家一起来看看:

  动画的关键点:

  1:背景音

  很多动画都需要设置背景音乐,这个往往需要大家自己去找音频资源导入到Scratch里面。这个操作比较简单:选中角色或者背景,然后在上方选中声音页面,就会看到下面的界面。每个角色和背景都可以添加很多个背景音,然后由程序进行切换。中间的麦克风图标是用来自己录制声音。右边的文件图标是用来导入外部音频文件。

跟我学scratch编程:动画篇—刚好遇见你

  下面的一些按钮可以用来调试音乐和对音乐进行简单的编辑,比如剪切,和增加一些播放的效果,小朋友们可以自己试试有什么不同。

跟我学scratch编程:动画篇—刚好遇见你

  故事情节第一部分:

  人物的动画部分首先是创意,第一部分:这个小朋友选了一个古堡的背景,然后一个公主站在古堡下,男孩在路上一步一步走到公主身边,然后停下。在这个过程中,小朋友考虑到了3D效果,远处的公主很小,男孩在左下角出现时比较大,然后在走向公主的过程越变越小,是不是给大家一种越走越远的感觉。一个小朋友能建立出这种景深的概念真是挺厉害的。

  男孩程序第一部分

跟我学scratch编程:动画篇—刚好遇见你

  程序部分也是精心调试的。首先将角色大小设定为100,也就是原始尺寸,然后面向公主的方向。重复执行,直到侦测到碰到公主。每次循环移动20步就更换一个造型,然后等待0.4秒,同时角色的大小减小3.2。这些数据都是小朋友一次一次实验出来的,确保男孩慢慢的走向公主,碰到公主的时候,身高比例,和两个人的角色站的位置正好一致。(小朋友把公主的角色在造型里调低了,是为了确保碰到的时候男孩和公主站在同一水平线上。)

跟我学scratch编程:动画篇—刚好遇见你

  (另外公主的朝向是朝向右的,程序里面是朝左的,这个怎么做到的,很简单,是在角色的设置里面设置出来的。大家看,旋转模式设置成了左右旋转,然后方向指向左边就行了,这样你就发现公主变成朝左看了。)

跟我学scratch编程:动画篇—刚好遇见你

  故事情节的第二部分:

  当男孩碰到公主后,公主却慢慢消失了。看得CC哥都有些悲伤了。

  公主的程序设计也很简洁,当接收到‘见到‘’这个消息,等待2秒后,重复20次循环,每次循环将虚像的特效增加5,20次循环后正好100,虚像的特效是100的时候,角色就会变成全透明。另外请注意,循环里面一定要加上等待时间,每次0.1秒,20次循环正好2秒,所以公主慢慢变淡消失的过程会持续2秒。如果没有这个等待那么循环20次还用不了0.1秒,也就是瞬间就不见了。那你写这个循环也就没意义了。这一点请小朋友一定要注意。

  公主程序

跟我学scratch编程:动画篇—刚好遇见你

  故事情节第三部分:

  公主消失后,男孩站了一会,转身失落的离开了,好伤感哦。

  代码部分跟第一部分有点象,首先转身,然后向来的方向走去。这里注意一下,往公主的方向走的时候可以通过面向公主选择移动的方向,那往回走呢?

  这里面的一个技巧就是增加了一个小猫的角色,当然你用别的角色也可以。把小猫放在左下角的边上,男孩只要面向小猫就可以往来的方向移动了。但是小猫不能被看到呀,怎么办,很简单,把它设置成透明的就好了。(请注意,不能将小猫设成隐藏,如果设成隐藏,那么其他角色针对小猫的编程就没有意义了。象碰撞等都不会发生。但是透明不一样,虽然你看不见小猫,小猫还在屏幕上,碰撞还是可以发生的。)

  等男孩走到左下角,角色停住,再进行一次循环,将背景虚像特效逐步变成100,然后慢慢消失在屏幕中。

  男孩程序的第二部分:

跟我学scratch编程:动画篇—刚好遇见你

  小猫的程序:

跟我学scratch编程:动画篇—刚好遇见你

  故事剧终:

  男孩消失后,背景消失,逐渐出现一副画面,一行文字,生命是一场遇见。太浪漫咯。

  这段代码主要是两个背景的切换,当程序开始执行时,将背景切换成城堡背景,同时开始播放《最好遇见你》的音乐。

  当收到结局的消息时,将背景设定成虚像100,先将背景变成透明,然后再将背景切换至‘遇见‘这张图片,然后再通过循环,将背景的虚像从100,慢慢减到0,那么结尾画面背景就慢慢显示出来了。

  背景程序:

跟我学scratch编程:动画篇—刚好遇见你

  动画里面还有一个分层的概念,就是每一张画面和每一个角色到底在第几层,因为这个程序设计的时候,正好顺序是对的。如果大家在设计程序时发生图层错位了,可以对角色进行图层移动,可以移动到上面来,也可以移到后面去。

  ———— / 总结 / ————

  动画用专业的工具设计非常不容易学,但是用Scratch去做就会非常简单,只要你有耐心,就能做出非常好玩好看的动画,大家自己也试一试呀,学Scratch不仅仅是学算法学逻辑,也是学习艺术的一个好工具。

 

  文章来源:跟我学scratch编程

本文链接:https://www.ascratch.com/news/17629.html

上一篇:跟我学scratch编程:数学篇—小学四则运算题 下一篇:返回列表