少儿编程入门(13)——猜坐标

网友投稿 2018-08-30 17:55

https://cdn.china-scratch.com/timg/180901/1K51242V-0.jpg

课程摘要:

通过制作一个猜坐标的游戏,让同学们更好地掌握XY坐标。

理解:

【xy坐标可以用来指明一个东西在舞台上的位置】

掌握:

【x表示横向位置】,【y表示竖向位置】


说到xy坐标,前面的几节课我们已经有所接触,但是很多初学编程的同学还是会感到困惑,这节课我们就来进一步认识xy坐标。

一、x和y的含义

为方便理解,我们使用多个不同的例子来分别说明。

1.教室里排座位,想知道某个同学的的位置,我们会说:小明坐在第5排,第3列,当然,这样做的时候我们还要规定一个前提:最靠近讲台的为第1排,最靠近窗外走廊的为第1列,有了这个前提和排数、列数,我们就能准确找到小明的位置。【这个例子中,x=排数,y=列数】

https://cdn.china-scratch.com/timg/180901/1K51260O-1.jpg

2.向别人说明自己的班级位置时,我们会说:我们班在3楼,东起第2个房间。这样其实也是隐含了一个前提:最靠近地面的为1楼,最东头的为第1个房间。【这个例子中,x=楼层序号,y=房间序号】

3.在使用手机上的GPS或北斗定位系统时,我们的手机会根据天上的卫星信号,来计算出自己所在地点的经度和纬度,根据经度值和纬度值,我们就能准确知道自己在地球表面的位置,然后配合地图软件,就可以进行导航了。下图就是使用百度地图查询北京天安门的经度和纬度。【这个例子中,x=经度值,y=纬度值】

https://cdn.china-scratch.com/timg/180901/1K5124X3-2.jpg

可以看到这个精确度是很高的,当然还有些其他的细节我们这里就不再提了。

4.类似地,我们在舞台上也用x值和y值来表示一个物体的位置。至于为啥用x和y,而不是a和b,这得去问发明平面直角坐标系的法国数学家笛卡尔先生了。

这里的x表示水平位置,y表示竖直位置。

https://cdn.china-scratch.com/timg/180901/1K5124430-3.jpg

舞台中间的横线叫做【X轴】,竖线叫做【Y轴】,X轴和Y轴的交叉点叫做【原点】,原点也就是舞台的中心点。这几个概念一定要搞清楚。

https://cdn.china-scratch.com/timg/180901/1K512O61-4.jpg

这张图中,苹果的x坐标就是142,y坐标就是-69,至于负数,可能有些同学也不太清楚,这里简单说一下:负数就是跟正数相反的数,舞台中心点是x=0,y=0,那么向上走y就是正数,向下走y就是负数。

如果我们想用代码来控制苹果的位置,只需要改变它的xy坐标值就可以了。

二、查看鼠标指针的xy坐标

我们可以在舞台的右下角查看鼠标指针的xy坐标。如下图:

https://cdn.china-scratch.com/timg/180901/1K51211R-5.jpg

随着鼠标指针的移动,这个x和y的值也会不断变化。

三、查看角色的xy坐标

角色的xy坐标,其实指的是【角色当前造型中心点】的xy坐标。我们可以在脚本区的右上角进行查看。如下图:

https://cdn.china-scratch.com/timg/180901/1K5133R0-6.jpg

注意,造型中心点的位置很重要,一般情况下我们把它设置在造型图形的内部,如果放在造型图形的外部,那么有时会导致一些莫名其妙的问题,这一点大家一定要注意。如下图:

https://cdn.china-scratch.com/timg/180901/1K5131051-7.jpg

https://cdn.china-scratch.com/timg/180901/1K5132163-8.jpg

四、准备舞台和角色

介绍了xy坐标之后,我们通过一个作品来加深体验。

点击【从背景库中选择背景】【其他】,选择【xy-grid】,添加,默认的白色背景先留着,待会还有用,然后删除默认的角色,新建3个空白角色。如下图:

https://cdn.china-scratch.com/timg/180901/1K5131414-9.gif

五、让角色画横线线

我们先按下图将积木块组合起来,点击绿旗运行,会发现角色1画了很多条从鼠标到y轴的横线。如下图:

https://cdn.china-scratch.com/timg/180901/1K5135517-10.gif

然后我们执行清空指令,再加上画竖线的代码,可以看到,角色又画出了很多竖线,不过线一多就显得很乱。所以我们再加上一个清空指令,这样就能画出一横一竖两条线了。如下图:

https://cdn.china-scratch.com/timg/180901/1K5131933-11.gif

六、让角色说出坐标

我们进入角色2的脚本区,让角色2在X轴上不断移到鼠标的x坐标,并说出鼠标的x坐标。如下图:

https://cdn.china-scratch.com/timg/180901/1K5141238-12.gif

接下来是角色3,我们把角色的代码复制给角色3,略加修改。如下图:

https://cdn.china-scratch.com/timg/180901/1K5146112-13.gif

七、让作品更有趣

其实到这里作品就算完成了,但是最多算是一个坐标演示器,并不好玩,所以我们再来增加一些互动的代码。

切换到舞台的脚本区,增加一个空格键切换背景的代码,这样,当按下空格键时,舞台可以在坐标系背景和空白背景之间来回切换。如下图:

https://cdn.china-scratch.com/timg/180901/1K514K07-14.gif

再回到角色2的脚本区,将代码按照下图进行修改,让角色在空白背景时说“x:?”,在坐标背景时说数值。如下图:

https://cdn.china-scratch.com/timg/180901/1K514AI-15.gif

同样地,我们还要修改角色3的代码。如下图:

https://cdn.china-scratch.com/timg/180901/1K5144E0-16.gif

这样,整个作品就完成了,可以跟同学们一起玩,当坐标被隐藏时,大家一起猜数值,然后显示答案,比比看谁猜得准。

■本次课程结束

--end--

声明:本文章由网友投稿作为教育分享用途,如有侵权原作者可通过邮件及时和我们联系删除:freemanzk@qq.com