台湾地图拼图

教学原文参考：台湾地图拼图

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

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

开启范例

开启「形状配对拼图」的范例，从这个范例进行修改。

范例连结：https://scratch.mit.edu/projects/564461522/

角色设定

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

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

• 台湾地图 SVG：下载连结

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

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

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

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

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

积木程序原理

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

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

完成效果

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

范例解答

范例解答：台湾地图拼图

延伸练习

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

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

关於我

大家好，我是 OXXO，是个即将迈入中年的斜杠青年，如果对我有点兴趣(笑，可以与我联系，一起来做点有玩又有创意的东西吧！

• OXXO.STUDIO 部落格
• OXXO.STUDIO 粉丝团
• Steam 教育学习网
• Steam 教育学习网粉丝团