最新消息:

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

Scratch 少儿编程 6540浏览 2评论
少儿编程入门

友情提示:视频教程观看时请手动设置清晰度。

本系列课程适合2-4年级同学入门,每周五之前发布,共30次课左右。

上课地点:南阳市人民路与范蠡路交叉口向东200米路北,从秀江南饭店东侧观光电梯上4楼827室。

上课时间:周六、周日全天。上午9:00-12:00,下午14:30-17:30

本课程使用网易卡搭进行创作(https://kada.163.com/)。网易卡搭是中国科协青少年科技中心、中国青少年科技辅导员协会指定的教学和比赛平台。


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

课程摘要:

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

理解:

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

掌握:

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


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

 

一、x和y的含义

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

 

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

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

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

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

三、查看角色的xy坐标

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

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

 

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

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

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

四、准备舞台和角色

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

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

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

五、让角色画横线线

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

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

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

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

六、让角色说出坐标

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

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

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

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

 

七、让作品更有趣

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

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

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

 

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

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

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

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

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

 

■本次课程结束

Scratch入门课程(1)——把工具准备好
少儿编程入门(2)——龟兔赛跑(上)
少儿编程入门(3)——龟兔赛跑(下)
少儿编程入门(4)——海底世界(上)
少儿编程入门(5)——海底世界(下)
少儿编程入门(6)——水杯琴(上)
少儿编程入门(7)——水杯琴(下)
少儿编程入门(8)——创造一个小怪兽
少儿编程入门(9)——讲故事的怪兽(上)
少儿编程入门(10)——讲故事的怪兽(下)
少儿编程入门(11)——炫彩弹跳球
少儿编程入门(12)——镜像画笔
少儿编程入门(13)——猜坐标
少儿编程入门(14)——飞行大冒险(上)

转自公众号:
思格奇创意编程

您必须 登录 才能发表评论!

网友最新评论 (2)

  1. 扫完码交钱了,为啥还提示到期
    xiao_yin4年前 (2019-11-28)