视差效果

教学原文参考：视差效果

这篇文章会介绍，如何在 Scratch 3 里建立五个角色，透过重复无限次、定位、图层、跟随滑鼠...等积木，实作简单的视差效果。

• 什麽是「视差效果」呢？就是当眼睛在看东西时，越靠近眼睛的东西移动幅度愈大，越远离的东西移动幅度越小，所以只需要计算不同角色的 x 或 y 座标，就能做出视差效果。

• 相关文章参考：重复、x/y 设为、图层、跟随滑鼠。

角色设定

在角色编辑区，删除猫咪角色，加入三只恐龙和一棵树的新角色 ( 参考：Scratch 角色设定 )。

接着使用绘画，使用「方形」，绘制一个地面的新角色 ( 参考：造型与绘图 )。

完成後，在角色区域应该可以看到五个角色 ( 三只恐龙、一棵树和一个土地 )。

积木程序原理

除了地面之外，其他四个角色都需要撰写对应的程序，程序积木如下：

• 红色三角龙：

  红色三角龙因为是在最前方，所以进行 xy 座标定位之後，使用「图层移到最上层」，避免被其他角色遮住，接着使用重复无限次积木，将角色的 x 座标设定为滑鼠 x 座标的相反方向，除以滑鼠座标的数字设定为 -5 ( 数字越小，则移动的幅度越小 )。

  定位的 x 数值，在移动时要先加入计算，避免位置跑掉。

  

• 蓝色雷龙：

  蓝色雷龙角色积木和红色三角龙角色类似，但因为蓝色雷龙是在第二层，所以「先将图层移到最上层，再降低一层」，然後除以滑鼠座标的数字设定为 -10 ( 比红色三角龙小，所以移动的幅度会比较小 )

  

• 绿色暴龙：

  绿色暴龙角色积木和蓝色雷龙角色几乎相同，差别只在於图层要下移 2 层，然後除以滑鼠座标的数字设定为 -20 ( 比蓝色雷龙小，所以移动的幅度会比较小 )

  

• 树木：

  树木角色积木和绿色暴龙角色几乎相同，差别只在於使用图层移到最下层，然後除以滑鼠座标的数字设定为 -30 ( 比绿色暴龙小，所以移动的幅度会比较小 )

  

完成效果

完成後，点击绿旗，用滑鼠在舞台上移动，就可以看到简单的视差效果。

范例解答

范例解答：视差效果

延伸练习

如果已经熟悉了视差效果的原理，还可以尝试更多好玩的作法：

• 加入「上下移动」也可以有视差效果。( 解答 )

  

关於我

大家好，我是 OXXO，是个即将迈入中年的斜杠青年，如果对我有点兴趣(笑，可以与我联系，一起来做点有玩又有创意的东西吧！

• OXXO.STUDIO 部落格
• OXXO.STUDIO 粉丝团
• Steam 教育学习网
• Steam 教育学习网粉丝团