台湾地图拼图

这篇文章延伸“形状配对拼图”的范例，在 Scratch 里导入台湾地图的 SVG 作为角色，将各个区块独立变成拼图，搭配变数、定位、图像效果、重复无限次、数学计算...等积木，实作一个台湾地图拼图的小游戏。

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

打开范例

打开“形状配对拼图”的范例，从这个范例进行修改。

范例链接：https://scratch.mit.edu/projects/564461522/

角色设定

在角色编辑区，删除正方形和三角形角色。

点击圆形角色，切换到“造型”页签，使用“上传”功能，加入一张台湾地图的 SVG ( 参考：造型与绘图 )。

• 台湾地图 SVG：下载链接

删除原本圆形的造型，使用“选取”工具，将台湾地图的尺寸缩小到画布范围以内。

回到角色面板，将角色名称更改为 t1，并复制出另外六个同样的角色 ( 因为范例的台湾地图有七个区块，所以有七个角色 )

点击 t1 角色，删除其中的六个区块，只留下一个区块，将这个区块对齐画布中心。

重复同样的步骤，将 t1～t7 的角色修改为止有一个区块。

在舞台区里，用鼠标将七块台湾拼图，拼成台湾地图的形状。

积木程序原理

点击 t1 角色，从角色面板上可以看到目前 t1 角色的 xy 座标，将 xy 座标数值分别填入 x 和 y 变数。

重复同样的步骤，将 t2～t7 的 x、y 变数数值，换成对应的 xy 座标。

完成效果

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

范例解答

范例解答：台湾地图拼图

延伸练习

如果已经熟悉了台湾地图拼图的原理，还可以尝试更多好玩的作法：

• 将台湾地图换成其他的图形。

意见反馈