诺禾: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的值不变
好了小朋友们,角色的移动就说到这,你们再好好理解下坐标这个概念吧。下一篇我会和大家一块儿探讨角色和场景的设置。