最新消息:

少儿编程|scratch初级-5-图片添加动效

Scratch 少儿编程 5086浏览 0评论

友情提示:视频教程观看时请手动设置清晰度。

课程目标

了解和学会外观中的特效使用

课程对象

Scratch新手

学习模式建议

先看本文脚本说明,理解主要知识点,然后动手实践。

视频实例工程可以在我的Scratch工作室内找到:https://scratch.mit.edu/studios/5220715/

教程

外观中的特效可以作用于背景和角色

特效展示

重复执行10次,增加各特效效果:

老王教你学编程 scratch初级-5-图片添加动效
image.png

颜色:

老王教你学编程 scratch初级-5-图片添加动效
动效-颜色.gif

鱼眼

老王教你学编程 scratch初级-5-图片添加动效
鱼眼.gif

旋转

老王教你学编程 scratch初级-5-图片添加动效
旋转.gif

像素化

老王教你学编程 scratch初级-5-图片添加动效
像素化.gif

马赛克

老王教你学编程 scratch初级-5-图片添加动效
马赛克.gif

亮度

老王教你学编程 scratch初级-5-图片添加动效
亮度.gif

虚像

老王教你学编程 scratch初级-5-图片添加动效
虚像.gif
特效的应用示例

特效的使用需要发挥一点想象力,或者有一定艺术细胞,合理的运用会使工程增色不少。下面将介绍在一张背景图片添加一些动态效果。
目标背景图:

老王教你学编程 scratch初级-5-图片添加动效
nightsky.png
老王教你学编程 scratch初级-5-图片添加动效
image.png

看到此图决定从这俩位主角头上的亮光作为基点增加动态效果。

画一个“流星”角色。

老王教你学编程 scratch初级-5-图片添加动效
image.png

提供参考画法,可以根据自己的喜好,网上找或直接选择一个资源库中的角色都可以。

老王教你学编程 scratch初级-5-图片添加动效
画流星.gif

角色“流星”脚本

老王教你学编程 scratch初级-5-图片添加动效
image.png

复制2个流星角色。(右键角色,点击“复制”)

老王教你学编程 scratch初级-5-图片添加动效
image.png

再绘制一个“光晕”角色,用画图画圆即可:
脚本,形成一个逐渐变大并消失的“光晕”:

老王教你学编程 scratch初级-5-图片添加动效
image.png

最后:为了工程更加生动,添加一个背景音乐
背景脚本:

老王教你学编程 scratch初级-5-图片添加动效
image.png

完工后是这样的:

https://www.bilibili.com/video/av27301620/

工程地址

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

 

查看系列课程:

​少儿编程|scratch初级-1-月球漫步
少儿编程|scratch初级-2-穿越迷宫
少儿编程|scratch初级-3-树叶凋落
少儿编程|scratch初级-4-模拟相遇问题
少儿编程|scratch初级-5-图片添加动效

 

您必须 登录 才能发表评论!