Scratch编程实战：从零制作跨平台“狗追松鼠”游戏

1. 项目概述与核心价值

如果你正在寻找一个能让孩子或编程新手快速上手、并立刻获得成就感的项目，那么用Scratch制作一个“狗追松鼠”的追逐游戏，绝对是绝佳的选择。这个名为“SQUIRREL!”的项目，麻雀虽小，五脏俱全。它不仅仅是一个简单的动画，更是一个包含了精灵控制、变量应用、事件驱动逻辑和跨平台交互的完整微型游戏工程。对于教育者而言，它是讲解条件判断、循环和消息广播等核心编程概念的生动案例；对于学习者，它则是一次从“观看者”到“创造者”的愉悦跨越，亲手实现一个可玩、可分享的作品所带来的激励，远比任何理论讲解都来得直接。

我接触过许多初次尝试Scratch的朋友，他们常常在琳琅满目的积木块前感到迷茫，不知从何开始。而这个追逐游戏的设计，恰好提供了一个清晰、线性的路径：从绘制角色到赋予其行为，再到添加游戏规则和交互反馈。整个过程就像搭积木一样，每一步都有明确的成果可见，能有效建立信心。更重要的是，项目中涉及的移动设备适配思路，将引导我们思考如何让同一个程序在不同输入方式（键盘 vs. 触摸屏）下都能流畅运行，这是现代应用开发中一个非常实用的基础概念。接下来，我将带你从零开始，不仅复现这个游戏，更会深入每个步骤背后的“为什么”，并分享我在多次教学和实践中总结出的、能让项目更稳定、更有趣的细节技巧。

2. 游戏核心机制与设计思路拆解

在动手写第一块积木之前，我们需要先想清楚这个游戏到底要做什么，以及如何用Scratch的思维来实现它。这能避免我们在编码过程中陷入混乱。

2.1 核心玩法与规则定义

“SQUIRREL!”的核心玩法非常经典：玩家控制一只小狗，在舞台上追逐一只松鼠。当小狗“碰到”松鼠时，视为捕获一次，得分增加。当得分累计达到10次时，游戏胜利，显示庆祝画面。

这里有几个需要精确设计的点：

1. “碰到”的判定：在Scratch中，最常用的是碰到 [角色] ?侦测积木。但这里有个小陷阱——如果仅仅在狗的程序里用“如果碰到松鼠”来加分，由于Scratch的运行速度，狗可能会在1秒内多次“穿过”松鼠，导致一次接触就加了无数分。原项目采用了一种更优雅的方法：颜色侦测。即让狗去侦测松鼠身上的特定颜色（比如松鼠的棕色）。这种方法对角色造型的精细度有一定要求，但能更精确地模拟“捕捉”的瞬间，我们后续会详细展开。
2. 松鼠的行为逻辑：松鼠不能傻站着。它需要移动来增加游戏性。最简单的逻辑是“永远在随机位置之间滑行”，或者“当被狗靠近时逃跑”。原项目采用了前者，实现起来简单且有效。
3. 胜利条件：我们需要一个变量来存储得分。变量是编程中存储和跟踪变化数据的核心概念。当这个变量的值等于10时，触发胜利状态。

2.2 Scratch事件驱动模型解析

Scratch的编程范式是典型的事件驱动。这意味着程序的执行流不是从上到下写死的，而是由各种“事件”来触发的。理解这一点至关重要。

对于本游戏，主要涉及以下几类事件：

• 绿旗事件 (当绿旗被点击): 游戏的启动开关。所有角色的初始状态（位置、大小、显示/隐藏、变量归零）都应在这里设置。
• 键盘按下事件 (当按下 [空格] 键): 用于控制小狗的移动。这是桌面端的主要交互方式。
• 广播消息事件 (当接收到 [消息]): 这是Scratch中实现不同角色间通信的“神器”。例如：
  • 松鼠被抓住时，可以广播一个“得分”消息，小狗和得分显示模块都可以接收并处理。
  • 游戏胜利时，广播一个“胜利”消息，所有游戏中的角色（狗、松鼠）隐藏，胜利画面角色显示。
  • 移动设备的箭头按钮被点击时，各自广播“上移”、“下移”等消息，小狗接收这些消息来移动。
• 循环事件 (重复执行/重复执行直到): 用于创建持续的行为，比如让松鼠不停地移动，或者让小狗持续侦测是否碰到了松鼠的颜色。

这种基于事件的架构，使得程序的各个模块（角色）相对独立，通过消息耦合，大大提高了代码的可维护性和可扩展性。你可以很容易地为松鼠添加新的行为，而无需大幅修改小狗的代码。

3. 精灵创建与视觉资产准备

在Scratch中，角色被称为“精灵”。好的视觉设计能极大提升游戏的吸引力，即使是简单的造型。

3.1 获取与创建游戏精灵

原项目建议从Scratch内置库中选择小狗，并上传一张松鼠的图片。这里有一些更优的实践：

1. 选择小狗：

   • 进入Scratch编辑器，点击右下角“选择一个角色”图标（小猫头像）。
   • 在打开的库中，搜索“Dog”，你会发现多个选项。选择一个你喜欢的、造型不太复杂的。造型复杂有时会影响碰撞侦测的性能和精确度。
   • 技巧：点击角色，在“造型”标签页里，你可以看到这个角色可能有多帧动画（多个造型）。对于追逐游戏，一个静态的造型通常就够了。你可以删除多余的造型以简化项目。

2. 处理松鼠图片：

   • 准备一张松鼠的PNG图片。你可以在一些免费的矢量图或图标网站（如Pixabay, Flaticon）搜索“squirrel silhouette”，下载透明背景的PNG格式图片，这是最理想的。
   • 如果只有带白色背景的JPG图片，就需要使用Scratch的造型编辑器进行抠图。
   • 抠图详细步骤： a. 点击“上传角色”，选择你的松鼠图片。 b. 点击该角色，进入“造型”标签。 c. 在造型编辑器下方，选择“转换为矢量图”。这一步很重要，矢量图模式下编辑会更清晰。 d. 选择左侧工具栏的“选择工具”（箭头图标），点击图片外的空白处，然后按Delete键删除整个白色背景框（如果有）。 e. 如果还有残留的白边，使用“橡皮擦工具”仔细擦除。放大画面进行精细擦除是关键。 f. 完成后，在右侧属性面板将松鼠的大小调整为“20”。这个大小需要与小狗的比例协调，便于游戏游玩。

注意：抠图是很多新手觉得麻烦的一步，但一个干净的背景对后续使用“颜色侦测”至关重要。如果背景有杂色，狗可能会侦测到背景颜色而非松鼠本身，导致游戏失灵。多花几分钟在这里，能省去后面大量的调试时间。

3.2 舞台与背景设计

一个合适的背景能营造游戏氛围。点击舞台区（右下角），进入“背景”标签。

• 你可以从库中选择一个公园或森林的背景，与“狗追松鼠”的主题契合。
• 也可以使用纯色背景（如浅绿色），以减少视觉干扰，让玩家更专注于角色。
• 重要设置：确保背景中没有与松鼠主体颜色（你将要选取的侦测色）过于接近的大面积色块，以免干扰侦测。

4. 核心游戏逻辑编码实现

这是游戏的大脑部分。我们将分角色、分模块地构建逻辑。

4.1 小狗角色：移动与捕捉控制

小狗需要两套控制逻辑：一套用于键盘（电脑），一套用于接收广播消息（移动设备）。

1. 键盘控制逻辑（基础版）：

当绿旗被点击 显示 将大小设为 [适合的���例，如 50] % 移到 x: (0) y: (0) // 初始位置 面向 [90] 方向 // 面朝右 重复执行 如果 <按下 [上移键 v] ?> 那么 将y坐标增加 [10] 结束 如果 <按下 [下移键 v] ?> 那么 将y坐标增加 [-10] 结束 如果 <按下 [右移键 v] ?> 那么 将x坐标增加 [10] 结束 如果 <按下 [左移键 v] ?> 那么 将x坐标增加 [-10] 结束 结束

这段代码让小狗可以持续响应上下左右键。但这里有一个潜在问题：同时按下对角键（如右上）时，小狗的移动速度会是单一方向的√2倍（约14.1），这会显得不平衡。更严谨的做法是使用面向 [方向]和移动 [10] 步的组合，但这需要处理旋转造型的问题。对于初学者，上面的“坐标增减法”更直观。

2. 捕捉逻辑（使用颜色侦测）： 这是游戏的核心判定。我们不在移动循环里做侦测，而是单独建立一个永远运行的侦测线程。

当绿旗被点击 重复执行 如果 <碰到颜色 [#xxxxxx] ?> 那么 // #xxxxxx 需要你用吸管工具选取松鼠身上的颜色 广播 [得分 v] // 发送得分消息 等待 [0.2] 秒 // 一个简短的“无敌时间”，防止连续得分 结束 结束

• 如何选取颜色：在碰到颜色积木的色块上点击，鼠标会变成吸管。然后将吸管移动到舞台区的松鼠身上，点击一个具有代表性的、不会轻易和背景混淆的颜色（比如松鼠背部的深棕色）。技巧：最好在松鼠造型编辑器中，用画笔工具在松鼠身上点一个纯色的小点（比如亮粉色），然后用吸管选取这个点。这样可以100%确保颜色唯一，完全避免误判。
• “等待0.2秒”的作用：这是关键的防作弊机制。没有它，小狗和松鼠重叠的每一帧都会触发得分，瞬间达到10分。这个短暂的延迟模拟了“抓住-松开”的过程。

3. 移动设备控制响应： 这套逻辑与键盘控制并行，通过接收广播来工作。

当接收到 [上移 v] 将y坐标增加 [15] // 移动设备触控通常是一次性的，所以单次移动幅度可以大一些 当接收到 [下移 v] 将y坐标增加 [-15] 当接收到 [右移 v] 将x坐标增加 [15] 当接收到 [左移 v] 将x坐标增加 [-15]

4.2 松鼠角色：随机移动与交互

松鼠的目标是成为一只“淘气”的、难以被抓住的目标。

基础随机移动逻辑：

当绿旗被点击 显示 将大小设为 [20] % 移到随机位置 重复执行 在 (1) 到 (2) 秒间随机选一个时间 滑行 [随机时间] 秒到 x: (在 (-220) 到 (220) 间随机选一个数) y: (在 (-160) 到 (160) 间随机选一个数) 结束

• 滑行积木能让移动更平滑。随机目标位置（x, y）的范围大致对应舞台的可视区域，你可以根据你的背景微调这些数值（如-180到180）。
• 在滑行前加一个随机的等待时间，可以让松鼠的移动更有节奏感，时而静止，时而快速跑动，增加游戏趣味性。

被捕捉时的反馈（可选但推荐）： 当松鼠被抓住时，可以给它一个简单的反馈，让游戏体验更生动。

当接收到 [得分 v] // 注意，小狗广播的也是“得分”消息 播放声音 [Pop v] // 从声音库选一个简短的音效 将 [特效 v] 设为 [0] // 清除可能残留的特效 将 [颜色 v] 特效增加 [70] // 快速闪烁一下 等待 [0.1] 秒 将 [颜色 v] 特效设定为 [0] 移到随机位置 // 被抓住后，瞬间移动到新位置，开始新一轮追逐

这个“闪烁并瞬移”的效果，清晰地告知玩家一次有效的捕捉发生了。

4.3 变量、得分与胜利条件

变量是记录游戏状态的“记分牌”。

1. 创建变量：

   • 在“变量”积木分类中，点击“建立一个变量”。
   • 命名为“得分”，选择“适用于所有角色”（这样所有角色都能读写它）。
   • 用同样的方法再创建一个变量，命名为“胜利标志”或“游戏状态”，我们用它来控制游戏结束。

2. 初始化与得分逻辑： 通常，我们会把初始化变量的脚本放在舞台（Stage）或者一个专门的“控制器”角色上。这里我们放在舞台。

   （舞台的代码） 当绿旗被点击 将 [得分 v] 设定为 [0] 将 [胜利标志 v] 设定为 [0] // 0表示游戏中，1表示已胜利 广播 [开始游戏 v] 并等待 // 可以通知所有角色就位

   那么，谁该负责在抓住松鼠时增加得分呢？有两种设计：

   • 方案A（小狗负责）：在小狗的“碰到颜色”判断里，直接将 [得分 v] 增加 [1]，然后广播“得分”消息通知松鼠和其他角色。
   • 方案B（专用控制器负责）：小狗只广播“抓住”消息。由舞台或一个隐藏的控制器角色接收该消息，然后执行将 [得分 v] 增加 [1]，并判断是否胜利。

   对于小型游戏，方案A更简单直接。我们在小狗的侦测代码中修改如下：

   当绿旗被点击 重复执行 如果 <碰到颜色 [#xxxxxx] ?> 那么 将 [得分 v] 增加 [1] // 增加得分 播放声音 [得分音效 v] 广播 [被抓 v] // 通知松鼠做出反应 等待 [0.2] 秒 end end

3. 胜利判断与场景切换： 胜利判断可以在每次得分后立即进行。我们在小狗或舞台的代码中添加：

   当绿旗被点击 重复执行 如果 <(得分) = [10]> 那么 将 [胜利标志 v] 设定为 [1] 广播 [游戏胜利 v] 停止 [这个脚本 v] // 停止这个循环 end end

   然后，你需要创建一个新的精灵作为“胜利页面”。这个角色初始应该是隐藏的。

   （胜利页面角色的代码） 当绿旗被点击 隐藏 当接收到 [游戏胜利 v] 显示 移到最前面 说 [恭喜你！抓住了10只松鼠！] (2) 秒

   同时，狗和松鼠角色需要接收“游戏胜利”消息并隐藏自己：

   （狗和松鼠的代码中都加入） 当接收到 [游戏胜利 v] 隐藏 停止 [该角色的其他脚本 v] // 重要！停止所有移动和侦测脚本

5. 移动设备触摸控制适配详解

让游戏在平板或手机上也能玩，是提升项目完整性的关键一步。Scratch项目在移动设备上通过浏览器运行时，键盘事件是无效的，我们必须用触摸来模拟。

5.1 创建触摸控制按钮

1. 绘制或选择箭头：

   • 点击“选择一个角色”，在角色库的“物品”分类下，可以找到现成的箭头图标。选择一个，比如“Arrow1”。
   • 进入该箭头的“造型”标签，你会发现它有四个造型（上、下、左、右）。我们需要把它们拆分成四个独立的角色。

2. 拆分箭头角色：

   • 选中“Arrow1”角色，在“造型”区，你现在看到的是第一个造型（比如向上箭头）。
   • 复制造型：右键点击当前造型的缩略图，选择“复制”。你会得到两个一样的向上箭头造型。
   • 编辑第二个造型：点击进入第二个造型，使用选择工具框选整个箭头，将其旋转或替换成其他方向的箭头图片。或者更简单的方法：直接删除这个造型，然后从角色库再次上传或选择其他方向的箭头造型。
   • 但更清晰的做法是：创建四个全新的角色。分别上传或从库中选择上、下、左、右四个箭头图���作为四个独立角色。这样逻辑更清晰，代码更易管理。

3. 为按钮编写代码： 每个箭头按钮的逻辑都是一样的：当被点击（触摸）时，广播一个特定的方向消息。

   （以上箭头按钮为例） 当绿旗被点击 显示 移到 x: (0) y: (100) // 设定按钮在屏幕上的位置，比如上方 当角色被点击 广播 [上移 v]

   • 将其他三个按钮角色分别放置在屏幕的合适位置（下、左、右），并修改其广播的消息为下移、左移、右移。
   • 布局技巧：可以参考手机游戏虚拟摇杆的布局，将四个按钮呈十字形排列在屏幕右下角，符合拇指操作习惯。

5.2 优化移动设备体验

1. 按钮视觉反馈：为了让触摸更有感觉，可以给按钮添加按下效果。

   当角色被点击 将 [亮度 v] 特效设定为 [-30] // 变暗，模拟按下 广播 [上移 v] 等待 [0.1] 秒 将 [亮度 v] 特效设定为 [0] // 恢复

2. 防止误触与连发：在桌面端，按住键盘会连续触发移动。在触屏上，连续点击也可能导致移动过快。我们可以引入一个简单的冷却机制。

   当绿旗被点击 将 [冷却 v] 设定为 [0] // “冷却”是一个仅适用于当前角色的变量 当角色被点击 如果 <(冷却) = [0]> 那么 // 如果不在冷却中 将 [冷却 v] 设定为 [1] 将 [亮度 v] 特效设定为 [-30] 广播 [上移 v] 等待 [0.1] 秒 将 [亮度 v] 特效设定为 [0] 等待 [0.15] 秒 // 这是冷却时间，即两次有效点击的最小间隔 将 [冷却 v] 设定为 [0] end

   这个“冷却”变量确保了即使用户快速连点，按钮也会以固定的、可控的频率响应。

3. 隐藏桌面控制提示：为了界面整洁，你可以在游戏开始时判断运行环境（虽然Scratch没有直接API），但可以通过一个简单的技巧：默认隐藏键盘控制说明文字，而始终显示触摸按钮。在移动设备上，用户自然会去点按钮；在电脑上，用户会尝试键盘，发现键盘可用，而触摸按钮虽然可见但可忽略。

6. 调试、优化与扩展思路

即使代码写完了，游戏也可能有各种小问题。这是开发中完全正常的阶段。

6.1 常见问题与排查技巧

6.2 性能优化与体验提升

• 减少不必要的循环：确保每个角色只有必要的重复执行循环。例如，小狗的移动控制和颜色侦测可以合并到一个重复执行中，但逻辑要清晰。
• 使用“克隆”而非复制角色：如果你的游戏想增加更多松鼠（比如同时出现3只），不要上传三个松鼠角色，而是使用一个松鼠角色，然后利用“克隆”功能。克隆体更节省资源，且代码易于管理。
• 添加音效与动画：简单的音效（得分声、背景音乐）和动画（小狗奔跑时切换造型、松鼠逃跑时的特效）能极大提升游戏质感。Scratch声音库和造型序列动画是实现这些的好工具。
• 难度分级：通过变量控制游戏难度。例如：
  • 创建一个“速度”变量，随着“得分”增加，松鼠的滑行时间缩短，移动更快。
  • 创建一个“关卡”变量，得分达到10后进入下一关，松鼠数量增加（使用克隆）。

6.3 项目扩展方向

完成基础版本后，你可以尝试以下挑战，让游戏更具深度：

1. 生命值系统：增加一个“生命”变量。如果一定时间内没有抓住松鼠，生命值减少。生命值为零则游戏结束。
2. 障碍物：在舞台上添加大树或石头角色。小狗碰到障碍物会减速或暂停一秒。
3. 道具系统：创建“骨头”或“加速靴”道具，小狗吃到后可以在短时间内移动速度加倍。
4. 更智能的松鼠：让松鼠的移动不是完全随机，而是会主动远离小狗（使用面向 [小狗 v] 方向然后旋转180度再移动）。
5. 数据持久化：使用Scratch的“云变量”功能（需要Scratch会员），记录玩家的最高得分，实现排行榜功能。

从创建一个会动的角色，到实现完整的游戏逻辑与交互，这个“SQUIRREL!”项目就像一趟精心设计的编程启蒙之旅。它没有停留在简单的命令拼接上，而是自然地引入了事件驱动、消息通信、状态管理等在专业软件开发中同样核心的概念。过程中遇到的每一个问题——无论是颜色侦测的精确性，还是跨平台控制的兼容性——其排查和解决思路，都与真实开发调试过程无异。当你看到自己制作的游戏在电脑和手机上都能顺畅运行，并获得他人试玩反馈时，那种创造的快乐和解决问题的成就感，正是编程教育最宝贵的收获。不妨以此为基础，加入你自己的奇思妙想，把它改造成独一无二的游戏，这才是Scratch乃至所有编程学习的终极乐趣所在。