scratch实现LED、背景跑马灯的效果

来看看跑马灯是什么回事吧~

scratch实现LED、背景跑马灯的效果_第1张图片
跑马灯

大家应该都看过商场外面的跑马灯效果吧。什么是跑马灯呢?类似于下图鞋店的两个字一直滚动切换。

scratch实现LED、背景跑马灯的效果_第2张图片
门外的鞋店

也类似于LED灯不停的变换颜色,让人感觉是在灯光切换。

scratch实现LED、背景跑马灯的效果_第3张图片
LED灯不停的变换颜色

手机屏幕边缘颜色不断的切换

手机屏幕边缘颜色不断的切换

好了。说了这么多,那么我们今天实现的效果是什么呢?

第一个字幕切换

scratch实现LED、背景跑马灯的效果_第4张图片
字幕切换

第二个LED灯效果切换:

scratch实现LED、背景跑马灯的效果_第5张图片
LED灯效果切换

第三个背景切换效果

背景切换效果

其实这三个动态的背景切换,都是用相同的代码来实现的。

我们先来认识我们的舞台区域


scratch实现LED、背景跑马灯的效果_第6张图片
x轴区域是在240到-240,y轴区域是在180到-180.

在我们舞台区,分为x、y轴。x轴区域是在240到-240,y轴区域是在180到-180.

我们这里想要实现这个效果,首先得需要两个相同得角色。那么这里我们可以用克隆得方法来实现。

scratch实现LED、背景跑马灯的效果_第7张图片
克隆自己

这里为什么要移到480呢?我们来看一个图片


scratch实现LED、背景跑马灯的效果_第8张图片
x,y轴


scratch实现LED、背景跑马灯的效果_第9张图片
两个幕布

我们这里分别克隆了两个可以使用得幕布来让我们进行跑马灯的效果切换。

现在就来看看如何进行切换吧。

scratch实现LED、背景跑马灯的效果_第10张图片
切换

图例:

scratch实现LED、背景跑马灯的效果_第11张图片
图例

这里为什么是x<-440呢。是因为我们需要留一点空间,因为两个幕布之间要形成一个连接,看起来是密不可分的。呈现一个动态往左的效果。

这样我们就可以利用scratch实现LED和字幕背景的跑马灯效果啦。


THE END

现为少儿编程老师,有什么疑问可以私信我哦~~~~

如果你觉得这篇文章不错的话,请点个赞或者关注我啦,你的点赞是我持续写作的动力哦!(好吧,真的是想要关注呀,缺关注!!!)

如果想要代码的同学可以私信我哦~~~

你可能感兴趣的:(scratch实现LED、背景跑马灯的效果)