1. 从角色移动到坐标思维为什么第二讲比第一讲更容易卡住很多带过少儿编程课的老师都有个共同体会Scratch 动作模块的第一讲特别好上孩子们拖一个移动 10 步积木小猫往前挪一下课堂气氛立刻起来了。但到了第二讲一旦涉及移到 x y 坐标在几秒内滑行到某处面向某个方向这些内容教室里就开始出现两种极端——一部分孩子玩得不亦乐乎另一部分孩子盯着屏幕上的坐标数字发呆完全不知道自己在干什么。这个现象背后其实藏着一个认知门槛第一讲是动作第二讲是位置。动作是看得见的位置是看不见的。孩子能理解往前走但很难理解我现在站在第 3 排第 5 列这种抽象描述。所以这一讲的核心任务不是教孩子多拖几个积木而是帮他们在大脑里建立一张看不见的地图也就是坐标系。我自己在带课和做项目复盘时把这一讲拆成了几个必须打通的关卡坐标到底怎么读、移动和滑行的区别在哪、方向角度和坐标是怎么配合的、碰到边缘为什么会反弹、以及怎么用这些积木做出一个真正像样的交互动画。这几件事如果只按教材顺序讲孩子大概率是照着做会、离开就忘。下面我按自己实际教学和调试的顺序把每一关的坑和技巧都摊开说。提示这一讲建议在孩子已经能熟练使用当绿旗被点击重复执行等待这几个基础积木之后再上否则他们会把注意力全花在找积木上而不是理解位置逻辑。2. 舞台坐标系的读法把看不见的网格变成看得见的地图2.1 舞台到底有多大原点为什么在正中间Scratch 的舞台是一个固定尺寸的矩形区域宽 480、高 360单位是步。这个尺寸不是随便定的它决定了整个坐标系统的边界。舞台的正中心是原点 (0, 0)水平方向是 x 轴向右为正、向左为负垂直方向是 y 轴向上为正、向下为负。这里有个特别容易被忽略的细节x 的范围是 -240 到 240y 的范围是 -180 到 180。很多孩子第一次看到x 坐标报告积木显示 240 的时候会以为舞台宽度是 240其实是 480因为左右各占一半。我在课上会让孩子做一个简单验证把角色移到最右边看 x 显示多少再移到最左边看 x 显示多少两个数字一对比480 这个宽度就自己跳出来了。为什么一定要让孩子亲手验证一遍因为坐标这种东西你告诉他范围是 -240 到 240他记不住但他自己拖到边缘看到数字从 240 跳到 -240这个冲击感会让他记住很久。这就是我常说的让数字自己说话。2.2 用报告积木把坐标变成实时可见Scratch 里有两个特别有用的积木藏在运动分类的最下面一个是x 坐标一个是y 坐标。它们本身不是动作而是报告当前角色位置的数值。很多老师会跳过这两个积木直接讲移到 x y结果孩子根本不知道角色现在在哪。我的做法是先让孩子把这两个报告积木拖到说积木里做成说 x 坐标和说 y 坐标然后勾选角色信息面板上的坐标显示。这样孩子在拖动角色的时候能同时看到三个地方的数字在变——角色身上的气泡、舞台左上角的面板、还有自己搭的报告积木。三处数字同步变化坐标这个概念就从抽象变成了看得见摸得着。这里有个实操小技巧让孩子把角色拖到舞台四个角和正中心分别记录五组坐标画一张简单的表格。这张表格就是他们自己的坐标地图后面讲滑行、讲反弹的时候随时可以拿出来对照。位置x 坐标y 坐标正中心00左上角-240180右上角240180左下角-240-180右下角240-180这张表看起来简单但它是后面所有位置操作的锚点。孩子只要记住中心是 (0,0)四个角是正负 240 和正负 180剩下任何位置都能估算出来。2.3 常见误区把移动 10 步当成坐标加 10这是我在批改孩子作品时发现频率最高的一个误解。孩子会认为移动 10 步就是x 坐标加 10所以当角色面向左边的时候他以为 x 会变大结果发现 x 变小了就懵了。真相是移动 10 步是沿着角色当前面向的方向前进 10 步和坐标轴没有直接关系。角色面向 90 度向右时移动 10 步确实等于 x 加 10但角色面向 0 度向上时移动 10 步等于 y 加 10x 不变面向 180 度向下时y 减 10。如果角色面向 45 度那 x 和 y 会同时变化具体数值要用三角函数算这个对小朋友来说超纲了但可以让他们观察斜着走的时候两个数字都在变。我在课上会用一句话总结移动是跟着鼻子走移到坐标是跟着地图走。鼻子朝哪移动就往哪地图上的点在哪移到就去哪。这两句话孩子一听就懂比讲一堆方向角度管用得多。3. 移到和滑行的取舍瞬间传送与平滑过渡的适用场景3.1 两个积木的本质区别不在速度而在过程移到 x y和在 1 秒内滑行到 x y这两个积木表面上看是一个快一个慢但本质区别是前者没有过程后者有过程。这个区别决定了它们完全不同的使用场景。移到是瞬间完成的角色从 A 点直接出现在 B 点中间不经过任何位置。这在需要重置位置的时候特别有用比如游戏开始时把角色放回起点、角色被吃掉后回到出生点。而滑行是让角色沿着直线从 A 点走到 B 点中间会经过无数个中间位置适合做走过去飞过去飘过去这类有过程感的动画。我见过不少孩子的作品角色像幽灵一样到处闪现就是因为所有移动都用了移到。也见过角色慢吞吞地挪急死人就是因为所有移动都用了滑行。所以这一节的重点不是教积木怎么用而是教孩子判断这个动作该不该有过程。3.2 滑行时间怎么定一个可复用的估算方法在几秒内滑行里的秒数孩子经常随便填填 1 秒觉得太快填 5 秒觉得太慢来回试。其实有个简单的估算方法看距离定时间。舞台宽度是 480如果角色要从最左边滑到最右边距离大约 480 步。如果希望速度看起来自然大概每秒走 200 到 300 步比较合适那么 480 步大约需要 1.6 到 2.4 秒。所以填 2 秒是个不错的起点。如果只是短距离移动比如从中心到右边 240 步填 1 秒就够了。这个估算不需要孩子算得很精确但能让他们有个大概填多少的直觉而不是盲目试错。我在课上会让孩子先填一个数运行看效果然后问如果觉得太快应该把数字变大还是变小这个问题能立刻检验他们是否理解了秒数越大越慢这个关系。3.3 滑行过程中的打断问题这是滑行积木最容易被忽略的一个坑滑行过程中如果再次触发滑行前一次滑行会被打断。比如孩子做了一个点击角色就滑行到鼠标位置的功能如果快速点两下角色会先滑向第一个点然后中途改变方向滑向第二个点看起来像抽搐了一下。这个行为本身不是 bug是 Scratch 的设计逻辑——新的滑行指令会覆盖旧的。但如果孩子不理解就会觉得我的程序坏了。解决办法有两个一是用等待 1 秒配合让滑行完整走完再接受下一次点击二是干脆改用移到因为瞬间移动不存在被打断的问题。我在实际项目里更推荐第一种思路因为滑行的过程感是很多动画的灵魂。具体做法是在滑行前加一个判断用一个变量记录是否正在滑行滑行开始设为 1滑行结束设为 0只有为 0 的时候才响应新的点击。这个逻辑对小朋友来说有点复杂但大一点的孩子完全能理解而且这是他们第一次接触状态标记这个概念对后面学游戏逻辑很有帮助。4. 方向与角度的配合让角色面朝它要去的地方4.1 Scratch 的角度系统和数学课不一样Scratch 的方向角度是以向上为 0 度顺时针增加来定义的。也就是说0 度朝上90 度朝右180 度朝下-90 度或 270 度朝左。这和数学课上从 x 轴正方向逆时针旋转的约定完全不同孩子如果带着数学课的直觉来一定会搞混。我在讲这一节的时候会先在黑板上画一个钟表盘把 12 点位置标成 0 度3 点位置标成 90 度6 点位置标成 180 度9 点位置标成 -90 度。然后告诉孩子Scratch 的方向就是钟表的方向顺时针转数字变大。这个类比孩子秒懂因为每个孩子都认识钟表。4.2 面向方向和移到坐标的配合套路单独用面向方向或者单独用移到坐标效果都有限。真正好用的是两者配合。最典型的套路是先让角色面向目标再让它滑行过去。比如做一个小猫追蝴蝶的动画蝴蝶在舞台右上角小猫在左下角。如果直接让小猫滑行到蝴蝶位置小猫会横着平移过去看起来像螃蟹。正确的做法是先用面向蝴蝶积木让小猫转头朝向蝴蝶再用滑行到蝴蝶位置这样小猫就是朝着蝴蝶跑过去自然多了。这里有个细节面向积木有好几种要选对。面向 90 方向是固定角度面向鼠标指针是朝向鼠标面向另一个角色是朝向某个角色。做追逐动画要用第三种做跟随鼠标要用第二种。孩子经常选错然后纳闷为什么我的角色不转头。4.3 旋转模式三个选项背后的视觉逻辑在角色信息面板里有一个旋转模式三个选项任意旋转、左右翻转、不旋转。这个设置直接决定了面向方向积木的视觉效果。任意旋转角色会真的转圈适合飞机、小鱼、箭头这类从上方看的角色。左右翻转角色只会左右镜像不会倒过来适合小猫、小人这类正面角色。不旋转角色永远保持原样适合背景元素或者不需要转向的角色。我见过孩子做小猫走路动画用了任意旋转结果小猫走到左边的时候整个倒过来了看起来像在倒立。这就是旋转模式没选对。默认情况下 Scratch 是左右翻转这个设置对大多数角色都合适除非你的角色是俯视视角的否则不建议改成任意旋转。5. 边缘反弹与坐标边界让角色撞墙撞得合理5.1 碰到边缘就反弹到底反弹的是什么碰到边缘就反弹这个积木很多孩子以为它只是让角色掉头其实它做的事情更精确当角色碰到舞台边缘时把角色的方向关于边缘做镜像反射。如果角色垂直撞墙方向会反转 180 度如果斜着撞墙方向会按入射角等于反射角的规律变化。这个行为在物理上叫镜面反射和光碰到镜子是一样的。孩子不需要知道这个术语但可以通过观察发现规律斜着撞墙弹回来的角度和撞过去的角度是对称的。我在课上会让孩子把角色方向设成 45 度让它一直移动观察它撞墙后的轨迹孩子会惊讶地发现它像台球一样弹来弹去。5.2 反弹失效的三种常见情况碰到边缘就反弹不是万能的有三种情况它会失效或者表现异常第一种是角色太大。如果角色尺寸接近舞台尺寸它可能一出生就碰到边缘然后疯狂反弹看起来像在抖动。解决办法是缩小角色或者改用移到中心重置位置。第二种是角色中心点不在几何中心。Scratch 判断碰到边缘用的是角色的中心点如果中心点偏了角色可能看起来还没碰到边缘就反弹了或者已经出去一半了才反弹。解决办法是在造型编辑器里调整中心点位置。第三种是配合了移到坐标。如果角色一边反弹一边被移到指令拉回某个位置两个指令会打架角色会卡在边缘抖动。这种情况要检查代码逻辑确保反弹和定位不要同时生效。5.3 用坐标判断代替边缘检测有时候碰到边缘就反弹不够灵活比如你想让角色在舞台中间的一个隐形区域里反弹而不是在舞台边缘。这时候就要用坐标判断来做。思路是每一帧检查角色的 x 和 y如果超出设定范围就手动改变方向。比如想让角色在 x 从 -100 到 100 的范围内反弹可以这样写如果 x 坐标大于 100就把方向设为方向乘以 -1或者面向 -90 方向如果 x 坐标小于 -100就反过来。这个逻辑比边缘反弹复杂但灵活性高得多适合做乒乓球在框内弹这类效果。我在教这个的时候会先让孩子用边缘反弹做一个简单的弹球然后再用坐标判断做一个框内弹球两个版本对比孩子就能理解边缘反弹是坐标判断的一个特例。6. 把积木串起来三个可复现的小项目6.1 项目一鼠标跟随的小宠物这个项目的目标是让角色平滑地跟着鼠标走但不要瞬间贴上去而是有一点追的感觉。实现思路用重复执行包住在 0.2 秒内滑行到鼠标指针。这样角色会不断朝鼠标当前位置滑行但因为每次滑行需要 0.2 秒鼠标移动快的时候角色会落后一点形成追赶效果。这个项目能让孩子理解两件事一是滑行时间决定了跟随的松紧度时间越短跟得越紧二是重复执行配合滑行可以做出连续运动的效果。我通常会让孩子把 0.2 改成 0.5 和 0.05 分别试一次感受跟随速度的变化。6.2 项目二键盘控制的走格子这个项目让角色在舞台上按格子移动按一次方向键走一格。实现思路定义四个方向键事件每次按下时用移到 x yx 或 y 增加固定的格距比如 40。这样角色就会一格一格地跳。如果想让移动有过程感把移到换成在 0.1 秒内滑行到。这个项目的价值在于让孩子理解坐标是可以计算的。x 加 40 就是往右一格y 加 40 就是往上一格。孩子第一次意识到原来坐标不是死的是可以算出来的这是从使用坐标到操控坐标的关键一步。6.3 项目三来回巡逻的守卫这个项目让角色在两个点之间来回移动走到头就掉头。实现思路用两个滑行到积木一个滑到左边点一个滑到右边点中间加等待 0.5 秒外面包重复执行。如果想让角色转头在每次滑行前加面向 90 方向或面向 -90 方向。这个项目看起来简单但它是很多游戏里 NPC 巡逻逻辑的雏形。我在课上会让孩子把它扩展成守卫看到玩家就追过来这就用到了前面讲的面向角色和滑行几个知识点就串起来了。7. 教学中最容易翻车的几个瞬间7.1 孩子把坐标数字当成密码有一次一个孩子问我老师为什么移到 100 100 小猫就跑到右上角去了100 是什么密码这个问题让我意识到坐标对孩子来说真的就是一串神秘数字。后来我调整了讲法先不讲数字先让孩子用手指在屏幕上点一个位置然后问如果舞台是一张方格纸这个点在第几列第几行孩子数完格子再告诉他第几列就是 x第几行就是 y数字就有了意义。7.2 滑行时间填 0 会怎样在 0 秒内滑行到这个操作Scratch 是允许的效果等同于移到。但我不建议让孩子养成填 0 的习惯因为这会让他们混淆两个积木的区别。如果不需要过程就直接用移到语义更清晰。7.3 角色跑出舞台看不见了孩子经常把角色移到舞台外面然后找不到角色了。这时候不要慌点一下角色信息面板里的坐标数字把它改回 0 0角色就回来了。或者用移到 x 0 y 0积木重置。我在课上会教孩子一个口诀找不到回中心。7.4 多个角色同时移动时的抢焦点当舞台上有多个角色都在移动时孩子容易搞混我现在在改哪个角色的代码。Scratch 的代码区一次只显示一个角色的积木切换角色要点头像。我建议在改代码前先点一下角色确认代码区左上角的角色名是对的再动手。这个习惯能省掉大量为什么改了没反应的困惑。8. 从这一讲往后能接什么位置移动这一讲打通之后孩子其实已经具备了做简单游戏的基础能力。往后的路径大致有三条一条是往克隆体走让一个角色变出很多个每个都有自己的位置这是做弹幕、做粒子效果的基础一条是往变量走用变量记录分数、生命值、关卡把位置逻辑和游戏状态结合起来还有一条是往侦测走用碰到颜色碰到角色来做碰撞检测让位置移动产生实际后果。我个人的建议是先把这一讲的内容做扎实至少独立完成两个小项目再往下走。因为位置和坐标是后面所有内容的地基地基不牢后面学克隆体和变量的时候会非常痛苦。我见过太多孩子急着做打飞机游戏结果连子弹从飞机位置发射这个基本逻辑都写不出来就是因为坐标没吃透。最后分享一个我自己的小习惯每次讲完这一讲我都会让孩子用一句话总结移动和移到有什么区别。能说清楚的孩子基本就过关了说不清楚的我会让他回去把移动 10 步和移到 x y各用五次自己找规律。这个方法屡试不爽比反复讲解有效得多。
1. 从角色移动到坐标思维为什么第二讲比第一讲更容易卡住很多带过少儿编程课的老师都有个共同体会Scratch 动作模块的第一讲特别好上孩子们拖一个移动 10 步积木小猫往前挪一下课堂气氛立刻起来了。但到了第二讲一旦涉及移到 x y 坐标在几秒内滑行到某处面向某个方向这些内容教室里就开始出现两种极端——一部分孩子玩得不亦乐乎另一部分孩子盯着屏幕上的坐标数字发呆完全不知道自己在干什么。这个现象背后其实藏着一个认知门槛第一讲是动作第二讲是位置。动作是看得见的位置是看不见的。孩子能理解往前走但很难理解我现在站在第 3 排第 5 列这种抽象描述。所以这一讲的核心任务不是教孩子多拖几个积木而是帮他们在大脑里建立一张看不见的地图也就是坐标系。我自己在带课和做项目复盘时把这一讲拆成了几个必须打通的关卡坐标到底怎么读、移动和滑行的区别在哪、方向角度和坐标是怎么配合的、碰到边缘为什么会反弹、以及怎么用这些积木做出一个真正像样的交互动画。这几件事如果只按教材顺序讲孩子大概率是照着做会、离开就忘。下面我按自己实际教学和调试的顺序把每一关的坑和技巧都摊开说。提示这一讲建议在孩子已经能熟练使用当绿旗被点击重复执行等待这几个基础积木之后再上否则他们会把注意力全花在找积木上而不是理解位置逻辑。2. 舞台坐标系的读法把看不见的网格变成看得见的地图2.1 舞台到底有多大原点为什么在正中间Scratch 的舞台是一个固定尺寸的矩形区域宽 480、高 360单位是步。这个尺寸不是随便定的它决定了整个坐标系统的边界。舞台的正中心是原点 (0, 0)水平方向是 x 轴向右为正、向左为负垂直方向是 y 轴向上为正、向下为负。这里有个特别容易被忽略的细节x 的范围是 -240 到 240y 的范围是 -180 到 180。很多孩子第一次看到x 坐标报告积木显示 240 的时候会以为舞台宽度是 240其实是 480因为左右各占一半。我在课上会让孩子做一个简单验证把角色移到最右边看 x 显示多少再移到最左边看 x 显示多少两个数字一对比480 这个宽度就自己跳出来了。为什么一定要让孩子亲手验证一遍因为坐标这种东西你告诉他范围是 -240 到 240他记不住但他自己拖到边缘看到数字从 240 跳到 -240这个冲击感会让他记住很久。这就是我常说的让数字自己说话。2.2 用报告积木把坐标变成实时可见Scratch 里有两个特别有用的积木藏在运动分类的最下面一个是x 坐标一个是y 坐标。它们本身不是动作而是报告当前角色位置的数值。很多老师会跳过这两个积木直接讲移到 x y结果孩子根本不知道角色现在在哪。我的做法是先让孩子把这两个报告积木拖到说积木里做成说 x 坐标和说 y 坐标然后勾选角色信息面板上的坐标显示。这样孩子在拖动角色的时候能同时看到三个地方的数字在变——角色身上的气泡、舞台左上角的面板、还有自己搭的报告积木。三处数字同步变化坐标这个概念就从抽象变成了看得见摸得着。这里有个实操小技巧让孩子把角色拖到舞台四个角和正中心分别记录五组坐标画一张简单的表格。这张表格就是他们自己的坐标地图后面讲滑行、讲反弹的时候随时可以拿出来对照。位置x 坐标y 坐标正中心00左上角-240180右上角240180左下角-240-180右下角240-180这张表看起来简单但它是后面所有位置操作的锚点。孩子只要记住中心是 (0,0)四个角是正负 240 和正负 180剩下任何位置都能估算出来。2.3 常见误区把移动 10 步当成坐标加 10这是我在批改孩子作品时发现频率最高的一个误解。孩子会认为移动 10 步就是x 坐标加 10所以当角色面向左边的时候他以为 x 会变大结果发现 x 变小了就懵了。真相是移动 10 步是沿着角色当前面向的方向前进 10 步和坐标轴没有直接关系。角色面向 90 度向右时移动 10 步确实等于 x 加 10但角色面向 0 度向上时移动 10 步等于 y 加 10x 不变面向 180 度向下时y 减 10。如果角色面向 45 度那 x 和 y 会同时变化具体数值要用三角函数算这个对小朋友来说超纲了但可以让他们观察斜着走的时候两个数字都在变。我在课上会用一句话总结移动是跟着鼻子走移到坐标是跟着地图走。鼻子朝哪移动就往哪地图上的点在哪移到就去哪。这两句话孩子一听就懂比讲一堆方向角度管用得多。3. 移到和滑行的取舍瞬间传送与平滑过渡的适用场景3.1 两个积木的本质区别不在速度而在过程移到 x y和在 1 秒内滑行到 x y这两个积木表面上看是一个快一个慢但本质区别是前者没有过程后者有过程。这个区别决定了它们完全不同的使用场景。移到是瞬间完成的角色从 A 点直接出现在 B 点中间不经过任何位置。这在需要重置位置的时候特别有用比如游戏开始时把角色放回起点、角色被吃掉后回到出生点。而滑行是让角色沿着直线从 A 点走到 B 点中间会经过无数个中间位置适合做走过去飞过去飘过去这类有过程感的动画。我见过不少孩子的作品角色像幽灵一样到处闪现就是因为所有移动都用了移到。也见过角色慢吞吞地挪急死人就是因为所有移动都用了滑行。所以这一节的重点不是教积木怎么用而是教孩子判断这个动作该不该有过程。3.2 滑行时间怎么定一个可复用的估算方法在几秒内滑行里的秒数孩子经常随便填填 1 秒觉得太快填 5 秒觉得太慢来回试。其实有个简单的估算方法看距离定时间。舞台宽度是 480如果角色要从最左边滑到最右边距离大约 480 步。如果希望速度看起来自然大概每秒走 200 到 300 步比较合适那么 480 步大约需要 1.6 到 2.4 秒。所以填 2 秒是个不错的起点。如果只是短距离移动比如从中心到右边 240 步填 1 秒就够了。这个估算不需要孩子算得很精确但能让他们有个大概填多少的直觉而不是盲目试错。我在课上会让孩子先填一个数运行看效果然后问如果觉得太快应该把数字变大还是变小这个问题能立刻检验他们是否理解了秒数越大越慢这个关系。3.3 滑行过程中的打断问题这是滑行积木最容易被忽略的一个坑滑行过程中如果再次触发滑行前一次滑行会被打断。比如孩子做了一个点击角色就滑行到鼠标位置的功能如果快速点两下角色会先滑向第一个点然后中途改变方向滑向第二个点看起来像抽搐了一下。这个行为本身不是 bug是 Scratch 的设计逻辑——新的滑行指令会覆盖旧的。但如果孩子不理解就会觉得我的程序坏了。解决办法有两个一是用等待 1 秒配合让滑行完整走完再接受下一次点击二是干脆改用移到因为瞬间移动不存在被打断的问题。我在实际项目里更推荐第一种思路因为滑行的过程感是很多动画的灵魂。具体做法是在滑行前加一个判断用一个变量记录是否正在滑行滑行开始设为 1滑行结束设为 0只有为 0 的时候才响应新的点击。这个逻辑对小朋友来说有点复杂但大一点的孩子完全能理解而且这是他们第一次接触状态标记这个概念对后面学游戏逻辑很有帮助。4. 方向与角度的配合让角色面朝它要去的地方4.1 Scratch 的角度系统和数学课不一样Scratch 的方向角度是以向上为 0 度顺时针增加来定义的。也就是说0 度朝上90 度朝右180 度朝下-90 度或 270 度朝左。这和数学课上从 x 轴正方向逆时针旋转的约定完全不同孩子如果带着数学课的直觉来一定会搞混。我在讲这一节的时候会先在黑板上画一个钟表盘把 12 点位置标成 0 度3 点位置标成 90 度6 点位置标成 180 度9 点位置标成 -90 度。然后告诉孩子Scratch 的方向就是钟表的方向顺时针转数字变大。这个类比孩子秒懂因为每个孩子都认识钟表。4.2 面向方向和移到坐标的配合套路单独用面向方向或者单独用移到坐标效果都有限。真正好用的是两者配合。最典型的套路是先让角色面向目标再让它滑行过去。比如做一个小猫追蝴蝶的动画蝴蝶在舞台右上角小猫在左下角。如果直接让小猫滑行到蝴蝶位置小猫会横着平移过去看起来像螃蟹。正确的做法是先用面向蝴蝶积木让小猫转头朝向蝴蝶再用滑行到蝴蝶位置这样小猫就是朝着蝴蝶跑过去自然多了。这里有个细节面向积木有好几种要选对。面向 90 方向是固定角度面向鼠标指针是朝向鼠标面向另一个角色是朝向某个角色。做追逐动画要用第三种做跟随鼠标要用第二种。孩子经常选错然后纳闷为什么我的角色不转头。4.3 旋转模式三个选项背后的视觉逻辑在角色信息面板里有一个旋转模式三个选项任意旋转、左右翻转、不旋转。这个设置直接决定了面向方向积木的视觉效果。任意旋转角色会真的转圈适合飞机、小鱼、箭头这类从上方看的角色。左右翻转角色只会左右镜像不会倒过来适合小猫、小人这类正面角色。不旋转角色永远保持原样适合背景元素或者不需要转向的角色。我见过孩子做小猫走路动画用了任意旋转结果小猫走到左边的时候整个倒过来了看起来像在倒立。这就是旋转模式没选对。默认情况下 Scratch 是左右翻转这个设置对大多数角色都合适除非你的角色是俯视视角的否则不建议改成任意旋转。5. 边缘反弹与坐标边界让角色撞墙撞得合理5.1 碰到边缘就反弹到底反弹的是什么碰到边缘就反弹这个积木很多孩子以为它只是让角色掉头其实它做的事情更精确当角色碰到舞台边缘时把角色的方向关于边缘做镜像反射。如果角色垂直撞墙方向会反转 180 度如果斜着撞墙方向会按入射角等于反射角的规律变化。这个行为在物理上叫镜面反射和光碰到镜子是一样的。孩子不需要知道这个术语但可以通过观察发现规律斜着撞墙弹回来的角度和撞过去的角度是对称的。我在课上会让孩子把角色方向设成 45 度让它一直移动观察它撞墙后的轨迹孩子会惊讶地发现它像台球一样弹来弹去。5.2 反弹失效的三种常见情况碰到边缘就反弹不是万能的有三种情况它会失效或者表现异常第一种是角色太大。如果角色尺寸接近舞台尺寸它可能一出生就碰到边缘然后疯狂反弹看起来像在抖动。解决办法是缩小角色或者改用移到中心重置位置。第二种是角色中心点不在几何中心。Scratch 判断碰到边缘用的是角色的中心点如果中心点偏了角色可能看起来还没碰到边缘就反弹了或者已经出去一半了才反弹。解决办法是在造型编辑器里调整中心点位置。第三种是配合了移到坐标。如果角色一边反弹一边被移到指令拉回某个位置两个指令会打架角色会卡在边缘抖动。这种情况要检查代码逻辑确保反弹和定位不要同时生效。5.3 用坐标判断代替边缘检测有时候碰到边缘就反弹不够灵活比如你想让角色在舞台中间的一个隐形区域里反弹而不是在舞台边缘。这时候就要用坐标判断来做。思路是每一帧检查角色的 x 和 y如果超出设定范围就手动改变方向。比如想让角色在 x 从 -100 到 100 的范围内反弹可以这样写如果 x 坐标大于 100就把方向设为方向乘以 -1或者面向 -90 方向如果 x 坐标小于 -100就反过来。这个逻辑比边缘反弹复杂但灵活性高得多适合做乒乓球在框内弹这类效果。我在教这个的时候会先让孩子用边缘反弹做一个简单的弹球然后再用坐标判断做一个框内弹球两个版本对比孩子就能理解边缘反弹是坐标判断的一个特例。6. 把积木串起来三个可复现的小项目6.1 项目一鼠标跟随的小宠物这个项目的目标是让角色平滑地跟着鼠标走但不要瞬间贴上去而是有一点追的感觉。实现思路用重复执行包住在 0.2 秒内滑行到鼠标指针。这样角色会不断朝鼠标当前位置滑行但因为每次滑行需要 0.2 秒鼠标移动快的时候角色会落后一点形成追赶效果。这个项目能让孩子理解两件事一是滑行时间决定了跟随的松紧度时间越短跟得越紧二是重复执行配合滑行可以做出连续运动的效果。我通常会让孩子把 0.2 改成 0.5 和 0.05 分别试一次感受跟随速度的变化。6.2 项目二键盘控制的走格子这个项目让角色在舞台上按格子移动按一次方向键走一格。实现思路定义四个方向键事件每次按下时用移到 x yx 或 y 增加固定的格距比如 40。这样角色就会一格一格地跳。如果想让移动有过程感把移到换成在 0.1 秒内滑行到。这个项目的价值在于让孩子理解坐标是可以计算的。x 加 40 就是往右一格y 加 40 就是往上一格。孩子第一次意识到原来坐标不是死的是可以算出来的这是从使用坐标到操控坐标的关键一步。6.3 项目三来回巡逻的守卫这个项目让角色在两个点之间来回移动走到头就掉头。实现思路用两个滑行到积木一个滑到左边点一个滑到右边点中间加等待 0.5 秒外面包重复执行。如果想让角色转头在每次滑行前加面向 90 方向或面向 -90 方向。这个项目看起来简单但它是很多游戏里 NPC 巡逻逻辑的雏形。我在课上会让孩子把它扩展成守卫看到玩家就追过来这就用到了前面讲的面向角色和滑行几个知识点就串起来了。7. 教学中最容易翻车的几个瞬间7.1 孩子把坐标数字当成密码有一次一个孩子问我老师为什么移到 100 100 小猫就跑到右上角去了100 是什么密码这个问题让我意识到坐标对孩子来说真的就是一串神秘数字。后来我调整了讲法先不讲数字先让孩子用手指在屏幕上点一个位置然后问如果舞台是一张方格纸这个点在第几列第几行孩子数完格子再告诉他第几列就是 x第几行就是 y数字就有了意义。7.2 滑行时间填 0 会怎样在 0 秒内滑行到这个操作Scratch 是允许的效果等同于移到。但我不建议让孩子养成填 0 的习惯因为这会让他们混淆两个积木的区别。如果不需要过程就直接用移到语义更清晰。7.3 角色跑出舞台看不见了孩子经常把角色移到舞台外面然后找不到角色了。这时候不要慌点一下角色信息面板里的坐标数字把它改回 0 0角色就回来了。或者用移到 x 0 y 0积木重置。我在课上会教孩子一个口诀找不到回中心。7.4 多个角色同时移动时的抢焦点当舞台上有多个角色都在移动时孩子容易搞混我现在在改哪个角色的代码。Scratch 的代码区一次只显示一个角色的积木切换角色要点头像。我建议在改代码前先点一下角色确认代码区左上角的角色名是对的再动手。这个习惯能省掉大量为什么改了没反应的困惑。8. 从这一讲往后能接什么位置移动这一讲打通之后孩子其实已经具备了做简单游戏的基础能力。往后的路径大致有三条一条是往克隆体走让一个角色变出很多个每个都有自己的位置这是做弹幕、做粒子效果的基础一条是往变量走用变量记录分数、生命值、关卡把位置逻辑和游戏状态结合起来还有一条是往侦测走用碰到颜色碰到角色来做碰撞检测让位置移动产生实际后果。我个人的建议是先把这一讲的内容做扎实至少独立完成两个小项目再往下走。因为位置和坐标是后面所有内容的地基地基不牢后面学克隆体和变量的时候会非常痛苦。我见过太多孩子急着做打飞机游戏结果连子弹从飞机位置发射这个基本逻辑都写不出来就是因为坐标没吃透。最后分享一个我自己的小习惯每次讲完这一讲我都会让孩子用一句话总结移动和移到有什么区别。能说清楚的孩子基本就过关了说不清楚的我会让他回去把移动 10 步和移到 x y各用五次自己找规律。这个方法屡试不爽比反复讲解有效得多。
