形状配对拼图

这篇文章会介绍，如何在 Scratch 里使用变数、定位、图像效果、重复无限次、数学计算...等积木，实作一个形状配对拼图的小游戏 ( 三角形拖拉到三角形的位置、正方形拖拉到正方形的位置 )。

相关文章参考：变数、定位、重复、图像效果、数学计算。

角色设定

在角色编辑区，删除猫咪角色，使用绘画，绘制新角色 ( 参考：造型与绘图 )。

使用“圆形”工具，画出一个圆形，对齐画布的中心点，将角色命名为“圆形”。

积木程序原理

从左侧积木清单里，新增 x 和 y 两个变数，选择“仅适用当前角色”。

若勾选“仅适用当前角色”，表示变数数值变化时，不会影响到其他角色。

设定点击绿旗的动作：

• 设定图像幻影为 70 ( 在舞台上呈现半透明 )。
• 设定 x 和 y 两个变数为 0，作为拼图配对时的座标比对。
• 定位到 (x, y)。
• 建立自己的分身。

编辑当分身产生时的动作：

• 将分身定位到随机的位置 ( x：-200～200、y：-150～150 )。
• 将分身的图像幻影改为 0 ( 完全不透明 )。

点击绿旗执行后，画面上就会看见一个半透明的圆形 ( 本尊 )，和一个完全不透明的圆形 ( 分身 )。

从左侧积木清单里，新增一个名为 n 的变数，选择“仅适用当前角色”。

若勾选“仅适用当前角色”，表示变数数值变化时，不会影响到其他角色。

继续编辑分身产生的程序：

• 设定变数 n 为 0，作为判断是否配对到正确的位置。
• 使用重复无限次积木，每次重复判断是否碰到鼠标以及鼠标是否按下 ( 鼠标点击分身 )。
• 如果鼠标点击分身，使用“重复...直到”积木，直到“鼠标放开或 n=1”为止。
• 每次重复使用定位积木，将分身定位到鼠标的位置 ( 被鼠标拖曳 )。
• 判断如果 (“分身 x 座标 - 变数 x”的绝对值 +“分身 y 座标 - 变数 y”的绝对值 ) < 30，表示分身非常靠近本尊，就将 n 改为 1，并让分身滑行到本尊 (x, y) 的位置。

完成后，切换到“专案页面”，点击绿旗，就可以用鼠标将圆形拖曳到正确的位置，当接近到一定程度，就会被自动吸附到正确位置。

因为程序里有使用“鼠标拖拉角色”的程序，如果在程序编辑页面，会被默认的拖拉行为干扰，所以要切换到“专案页面”。

在角色面板里，复制圆形角色，并使用绘画功能，将角色改成正方形和三角形 ( 参考：造型与绘图 )。

分别将正方形和三角形的 x 更改为 -100 和 100。

完成效果

完成后，切换到“专案页面”，点击绿旗，就可以开始进行形状配对拼图游戏。

范例解答

范例解答：形状配对拼图

延伸练习

如果已经熟悉了形状配对拼图的原理，还可以尝试更多好玩的作法：

• 加入判断拼图完成机制，在拼图完成后，提示拼图已经完成 ( 解答 )。

继续阅读

如果已经熟悉了形状配对拼图的程序，就可以继续阅读“台湾地图拼图”的文章。

文章链接：台湾地图拼图

意见反馈