教学原文参考:猫咪跑步 ( 超长背景 )
这篇文章会介绍,如何在 Scratch 3 里使用变数、定位、改变、重复直到、更换造型...等积木,使用舞台两倍以上长度的超长背景,实作猫咪跑步时,背景会在後方移动的效果 ( 也是连续背景的作法 )。
在角色编辑区,保留猫咪的角色,使用「上传」,加入一张超长背景 ( 1000x360 ) 的图片 ( 参考:Scratch 角色设定 )。
连续背景可先使用范例图片:下载连结
上传图片後,切换至「造型」页签,点击下方「转换成向量图」,将图片转换成向量图。
因为图片尺寸大於舞台尺寸,所以上传後会被「强制缩小」,转换成向量图之後,就可以使用「选取工具」,将图片尺寸「等比例放大」,放大到高度等於 360 为止,并将图片的中心点对齐画布中心点。
点击「背景」图片角色,设定点击绿旗时,定位到 (240, 0)。
实际定位以上传的图片为主,范例图片使用 (240, 0)。
编辑按下键盘「向右」键的动作:
为什麽要使用「重复...直到」?如果单纯使用按下键盘,会有一段键盘等待的时间 ( 约 0.5 秒到 1 秒 ),造成动作不顺畅。
编辑按下键盘「向左」键的动作:
点击「猫咪」角色,设定点击绿旗时,定位到 (0, -65),刚好站在背景图的地面上,并设定回转方式为「左-右」,避免旋转时上下颠倒。
编辑按下键盘「向右」和「向左」键的动作:
完成後,点击绿旗,按下键盘的左和右,就能看到猫咪跑步时,超长的背景在後方移动。
范例解答:猫咪跑步 ( 超长背景 )
如果已经熟悉了猫咪跑步 ( 超长背景 ) 的基本原理,还可以尝试更多好玩的作法:
修改猫咪角色,变成其他动物。
更换另外一张超长的背景图。
大家好,我是 OXXO,是个即将迈入中年的斜杠青年,如果对我有点兴趣(笑,可以与我联系,一起来做点有玩又有创意的东西吧!
<<: D7(9/7)-91App(6741) 帮商家做电商的电商专家
前言 昨天讲完了最基础的 atomic的资讯,了解了 atomic可以保护某个变数的资料正确性,当有...
Interceptor 拦截器 在许多的Java Web 框架都有实现Interceptor 的方法...
前言 今年四月离了职,开始了调光freelancer和转职计画... 这个决定已经前前後後思考了一年...
swift 画面都有了! 接下来我们来完成一个小功能吧 首先 我们点选Main.storyboard...
Visual Studio Code(简称VS Code) 由微软开发,并且支援Windows、Li...