更换舞台背景

要想编写小游戏或动画，让角色移动是很是基本的操做。为了更好的理解移动值的设置，咱们换一个舞台背景。操做以下：动画

①在舞台设置中，点击“选择背景”图标，选择背景spa

打开UC浏览器查看更多精彩图片3d

②在背景列表中找到Xy-grid图片。点击该图片，将舞台背景换成以下图。blog

打开UC浏览器查看更多精彩图片游戏

Xy-grid舞台背景是一个标有xy坐标轴的图片，角色默认位置是舞台中央，也就是(x:0,y:0)，咱们称之为原点。事件

图上的任意位置都是由x值和y值共同定义的，咱们称之为坐标，表示方式是(x,y)。x值（第一个数字）是位置距原点的左侧或右侧的距离。Y值（第二个数字）是位置距原点的上面或下面的距离。图片

角色移动

下面咱们试着作如下两个操做：横向移动和纵向移动。以后再解释x和y的值。class

一、横向移动。

第一步：在“事件”类别中找到图1这个积木块，并拖动到代码区，意思是点击舞台区上的“运行”图标，程序开始运行；

打开UC浏览器查看更多精彩图片

图1

第二步：在“运动”类别中找到图2这个积木块，并拖动到代码区，将x的值改为100，意思是角色会横向向右移动100。

打开UC浏览器查看更多精彩图片

图2

代码块如图3：

打开UC浏览器查看更多精彩图片

图3

第三步：点击舞台区的“运行”图标，程序开始运行，小猫会横向向右移动100，如图4。

GIF打开UC浏览器查看更多精彩图片

图4

思考：小朋友能够将x的值100改为-100，看看小猫会朝那边移动。

二、纵向移动

使用上面提到的图一、图2两个积木块，并将图2的积木块的y的值改为100，如图5

打开UC浏览器查看更多精彩图片

图5

点击舞台区“运行”图标，程序开始运行，小猫会纵向向上移动100，如图6

GIF打开UC浏览器查看更多精彩图片

图 6

思考：小朋友能够将y的值100改为-100，看看小猫会朝那边移动。

X坐标和y坐标

上面咱们经过两个操做了解了如何让角色移动。如今咱们就来讲说x和y这两个值。前面已经说过Scratch舞台区由x、y的值来定义角色的位置，即坐标(x,y)。舞台区的中央x、y的值均为0，即原点(0,0)。

x值是位置距原点的左侧或右侧的距离，正值为右侧，负值为左侧。Y值是位置距原点的上面或下面的距离，正值是上面，负值是下面。

前面咱们作横向移动，x的值为100，y的值为0。也就是说角色的位置，y值与原点距离为0，即纵向方向不动；x值与原点距离为100，即向右移动100。位置标识如图7。

一样作纵向移动，x的值为0，y的值为100。角色的位置，x值与原点距离是0，即横向方向不动；y值与原点距离为100，即向上移动100。位置表示如图7。

打开UC浏览器查看更多精彩图片

图7

那么咱们如今把移动的位置改为x为100，y为100呢？如图8

打开UC浏览器查看更多精彩图片

图8

从图9的程序运行来看，小猫会往右上方移动，也就是往(x:100,y:100)的点移动。(x:100,y:100)的意思就是：x值与原点距离是100，y值与原点距离是100。

GIF打开UC浏览器查看更多精彩图片

图9

搞清楚上面说的，小朋友能够再试试图十、图11两个积木块。图10表示只增长x的坐标值，y的值不变。图11表示只增长y的坐标值，x的值不变。

打开UC浏览器查看更多精彩图片

图10：：只增长x的坐标值，y的值不变

打开UC浏览器查看更多精彩图片

图11：只增长y的坐标值，x的值不变

好了小朋友们，角色的移动就说到这，你们再好好理解下坐标这个概念吧。下一篇我会和大家一块儿探讨角色和场景的设置。