很多人以为Scratch没法做出物体挤压、拉伸、Q弹动画,其实只用**鱼眼特效+调整角色造型**就能实现,还能做出会弹跳、有重力、滚动背景的Q弹小猫小游戏,下面分步骤手把手教你。

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

一、核心原理:鱼眼特效怎么实现拉伸挤压

Scratch自带的「鱼眼」特效是实现拉伸的关键:

1、 鱼眼数值**正数**:角色中心膨胀放大;

2、 鱼眼数值**负数**:角色中心向内收缩挤压;

3、 单纯调特效只能整体变形,想要**定向拉伸(只压扁身体、拉长身体)**,需要修改角色造型的边界。

二、基础:鱼眼膨胀收缩动画(单独特效演示)

打开Scratch,新建空白项目,保留默认小猫角色。

1、基础膨胀代码

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

点击绿旗运行,小猫会像气球一样反复鼓胀、缩小。

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程


三、关键技巧:定向拉伸(只压扁/拉长角色)

想要落到地面时**垂直压扁**这种真实软体效果,修改角色造型:

1、 使用左侧矩形工具,填充和轮廓都改为“无”

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

2、 在小猫造型基础上再画一个矩形,位置如图所示,让矩形下边与小猫下边缘对齐

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

3、 再次运行,小猫就实现了反复压扁再弹起效果。

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

四、实战案例:会挤压弹跳的软弹小猫(带重力)

结合上面的拉伸技巧,做一个落地会压扁、自动回弹的小猫,分4部分写代码。

(一)基础重力与落地反弹

1、 新建变量“下落速度”,勾选「仅适用于此角色」,控制下落速度;

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

2、 修改代码,设置小猫初始位置(0,100);变量“下落速度”初始值为0,将“下落速度”增加-1(模拟持续向下的重力);

将y坐标增加“下落速度”,让小猫下落;

判断如果小猫落地(y坐标<0),让小猫变形并回弹起跳。

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程



(二)制作可视地面+滚动背景

1、 绘制新角色“地面”,选择你喜欢的颜色画出一个矩形作为地面,如图;

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

2、 再改变颜色,画一些不同大小的矩形,为地面做一些装饰,并把它们全部选中进行组合。

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

这样就有了一个小猫落地的简单动画。

3. 地板造型制作无限滚动素材:

全选地面造型,用鼠标拖动到左侧,让地面的右侧贴近舞台的正中

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

然后进行复制粘贴,得到另一块地面,用鼠标拖到右侧,与左侧的地面拼接,恰好重合(可以用键盘的方向建进行微调);

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程


4. 地板滚动代码:

- 绿旗:移到x=0 y=0;

- 永久循环:

- x坐标增加-4(向左移动);

- 判断:如果x坐标<-240,x坐标增加480,实现无缝循环滚动。

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

(三)小猫移动

1. 小猫移动逻辑:重复执行内,x坐标增加8,这样小猫就会持续向右跳走,跳出舞台;

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

2. 相机跟随(不要让小猫跳出舞台,地面跟着小猫移动):

新建变量“移动速度”

新增代码:

变量“移动速度”初始值为0,并将小猫移到最上层,防止地面遮掩。

重复执行,更改移动速度,改变小猫的x坐标。

你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

3、切换到地面角色,进行优化,让地面跟着小猫移动

将地面的移动速度值替换为变量“移动速度”,这样小猫落地,小猫和地面移动都会停下来,跳跃效果更加合理。


你的弹跳效果还那么僵硬吗?-Scratch弹跳的小猫教程

五、拓展玩法

1. 替换角色:把小猫换成青蛙、小球、果冻,软弹拉伸效果更可爱;

2. 拓展关卡:增加障碍物、跳跃按键控制,做成完整横版闯关游戏;

3. 分享作品:做完可以上传到少儿编程网(kidscode.cn)。


程序下载:自带重力的弹跳的小猫

本站内容未经许可,禁止任何网站及个人进行转载。