诺禾:Scratch编程3:角色移动

诺禾:Scratch编程3:角色移动编程

想来不少小朋友都想用Scratch来编写本身的游戏或者小动画,那么咱们如今就朝着这个方向,开始有趣的Scratch编程之旅吧。浏览器

更换舞台背景

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

①在舞台设置中,点击“选择背景”图标,选择背景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的值不变

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

相关文章
相关标签/搜索