视差效果
这篇文章会介绍,如何在 Scratch 里建立五个角色,透过重复无限次、定位、图层、跟随鼠标...等积木,实作简单的视差效果。
角色设定
在角色编辑区,删除猫咪角色,加入三只恐龙和一棵树的新角色 ( 参考:Scratch 角色设定 )。
接着使用绘画,使用“方形”,绘制一个地面的新角色 ( 参考:造型与绘图 )。
完成后,在角色区域应该可以看到五个角色 ( 三只恐龙、一棵树和一个土地 )。
积木程序原理
除了地面之外,其他四个角色都需要撰写对应的程序,程序积木如下:
红色三角龙:
红色三角龙因为是在最前方,所以进行 xy 座标定位之后,使用“图层移到最上层”,避免被其他角色遮住,接着使用重复无限次积木,将角色的 x 座标设定为鼠标 x 座标的相反方向,除以鼠标座标的数字设定为 -5 ( 数字越小,则移动的幅度越小 )。
定位的 x 数值,在移动时要先加入计算,避免位置跑掉。
蓝色雷龙:
蓝色雷龙角色积木和红色三角龙角色类似,但因为蓝色雷龙是在第二层,所以“先将图层移到最上层,再降低一层”,然后除以鼠标座标的数字设定为 -10 ( 比红色三角龙小,所以移动的幅度会比较小 )
绿色暴龙:
绿色暴龙角色积木和蓝色雷龙角色几乎相同,差别只在于图层要下移 2 层,然后除以鼠标座标的数字设定为 -20 ( 比蓝色雷龙小,所以移动的幅度会比较小 )
树木:
树木角色积木和绿色暴龙角色几乎相同,差别只在于使用图层移到最下层,然后除以鼠标座标的数字设定为 -30 ( 比绿色暴龙小,所以移动的幅度会比较小 )
完成效果
完成后,点击绿旗,用鼠标在舞台上移动,就可以看到简单的视差效果。
范例解答
范例解答:视差效果
延伸练习
如果已经熟悉了视差效果的原理,还可以尝试更多好玩的作法:
加入“上下移动”也可以有视差效果。( 解答 )
微信扫码关注
抖音扫码关注