初级篇——认识角色的坐标值

【疑惑篇】

在棒球场中,尝试着将小猫拖入四个不同的垒区(白色方块),看看它们各自的坐标是多少?记录下来。

将小猫的坐标点改为两脚中间,将它重新设置为记录的4个坐标值,看看小猫的位置是否发生了改变?为什么?

坐标点

【线索篇】

案例分析

它们发生的场景是什么?

每个场景中有哪些角色?

拖动角色时,留意舞台下方坐标值的变化。观察角色的坐标值由身体的哪个部分决定?

从舞台中央利用两条垂直线将舞台分为4个部分,观察每个部分的坐标范围各是多少?

积木提示

坐标

坐标点

【解决篇】

从这一个案例开始,你就要动手在Scratch上操作了。不知道前面的“你说我画”你和朋友玩的怎么样,有没有熟悉如何使用坐标来表示圆圈的位置。现在我们就把之前的直角坐标系open in new window搬到Scratch的舞台上,看一看如何通过它来确定角色的位置。

Scratch也是利用直角坐标系来确定舞台中每个点的位置。舞台正中央是两条线相交的地方,也就是原点,这里的位置是(x:0, y:0)。x表示横向直线上的点到原点的距离,y表示竖向直线上的点到原点的距离。

从中间到舞台的左边和右边各有240格。与“你说我画”中一样,向右数字递增,向左数字递减,可以把正负号看做一个点到原点的方向。原点右边为正,原点左边为负。

从中间到舞台顶边和底边各有180格。向上数字递增,向下数字递减,也可以把正负号看做一个点到原点的方向。原点上面为正,原点下面为负。

现在请你想一想,上面图片中1、2、3、4这四个区域,x和y的坐标范围各自是多少?请你的朋友随便说出几个坐标值,你来看看它们应该属于哪个区域?

接下来,我们就开始来操作Scratch。

打开Scratch软件,默认就会新建一个项目。如果你的Scratch中已经有别的作品在使用,点击顶部菜单栏中的 文件——>新作品 就可以新建一个项目。当然在新建之前,别忘了将已经做好的作品 保存到电脑 上,方便下次 从电脑中打开 使用。

首先,你需要把疑惑篇中的背景添加到舞台上。从背景区选择一个背景,选中Baseball2,将它添加进来。

因为这里案例中使用的角色就是默认的小猫,你可以尝试着先把它删除,再通过角色区选择一个角色将它添加进来。

现在你就可以将小猫拖到4个垒区,从舞台下方的角色属性区,看看它们的坐标值分别是多少,用纸记录下来。

本垒坐标值(x:175,y:-3)

一垒坐标值(x:-17,y:41)

二垒坐标值(x:-134,y:-34)

三垒坐标值(x:41,y:-84)

可能你拖动后的位置和我的并不完全一致,所以你看见的坐标值和我的也不一样。现在,请你尝试着手动去修改x和y的坐标值,让你的小猫站在和我一样的位置。

通过上面的操作你会发现,当你拖动舞台上的角色时,下面的坐标属性值会发生改变。同样的,当你手动修改坐标属性值时,舞台中角色的位置也会发生改变。

不知道你的脑子里会不会有这样一个疑问。坐标值代表的是舞台上一个点的位置,可是小猫的身体这么大,覆盖了舞台很大一片区域。那舞台下面的坐标属性值是由小猫身上哪个位置来决定呢?由小猫的眼睛?鼻子?身体中间的位置决定?或者是小猫的手?脚?还是尾巴?

每个角色都有各种不同的造型,有的面积很大,有的只是一个圆点。当你将角色添加到舞台上时,为了确定它的位置,就需要从它的身上选取一个点,利用这个点在舞台上的位置,来决定角色的属性坐标值。

当你选中一个角色,从左上角的菜单中切换到角色造型区,这时软件中间的绘制区域就代表了当前角色所覆盖的范围。在绘制区域正中央的位置,就代表了决定角色属性坐标值的坐标点。

默认情况下,会将角色造型的图片居中放置,这时造型的中央就和坐标点位置重合,也就是下图中小猫嘴巴的位置,这时小猫嘴巴在舞台上的位置,决定了小猫在舞台中的属性坐标值。

如果你想更换一个位置也很简单,选中小猫造型的图片,整体拖动它,将另外一个部位与绘制区中央的坐标点重合就可以了。

例如,我现在将小猫往上拖动,换成将它两脚之间的位置来代表它的坐标值。

调整完后回到舞台中,注意观察,是不是小猫的属性坐标值没有改变,但是它在舞台中的位置往上移动了。这是因为,之前是小猫的嘴巴处在属性坐标值的位置,而现在变成小猫双脚之间处在属性坐标值的位置。

自己尝试着更改角色在绘制区中与坐标点重合的位置,看看改变后角色在舞台中的位置又会发生什么变化。

角色的属性坐标值,决定了它在舞台上的位置。造型绘制区中的坐标点,又代表了使用角色哪个部位来决定角色的属性坐标值。

想要修改角色的位置,除了用手在舞台中拖动角色和手动修改角色属性坐标值以外,更常用的方式是利用运动积木块来进行修改。现在就请你去找找看,哪些积木块可以帮助你完成它?

想看更多学习案例,欢迎点击查看《Scratch 3学习手册》open in new window

想要获取所有案例源码和素材,以及获得我对你在学习中所遇问题的一对一解答,欢迎加入石头解忧杂货店

Last Updated:
Contributors: lanheixingkong