首页>少儿编程>Scratch做个不那么简单的拼图游戏(上)

Scratch做个不那么简单的拼图游戏(上)

拼图游戏也是一个常见的小游戏,将一张图片分成若干张小的图片,打乱图片的顺序,然后交由玩家来复原图片。制作一个拼图游戏,我们至少要解决两个问题:一是需要判断某块图片是否能够移动,二是判断游戏结果怎样才算是取得了胜利。正说谓万事开头难,那我们就先从最简单的9宫格的拼图游戏开始尝试。

拼图游戏示例 提取码: q998

scratch_picture_puzzle_p1

我们希望图片在点击后产生移动,以实现游戏的正常流程。但这个移动是有条件的,必须是被点击的积木身边有可供移动的空白格时,我们才允许它移动。仔细观察可以发现,空白格出现的情况其实只有4种,分别是上下左右4种情况。所以我们可以添加一个判断,先获取空白格的位置。然后获取被点击的积木当前所在的位置。以上图为例,比如点击了位置编号为4的积木,而空白格位于5,那么5-4等于1,说明空白位于被点击积木的右侧。如果点击了2号的位置呢,那么5-2等于3,说明空白位于被点击积木的下方。也就是说,当空白格的位置减去被点击积木的位置,等于1、-1、3、-3的时候,分别代表空白位于被点击积木的右,左,下,上4个位置,只有这四种情况下我们会允许图片产生移动。

scratch_picture_puzzle_p2

首先我们需要建立一个位置的顺序号与坐标之间的对应关系,所以我们建立了2个坐标列表,分别储存x、y轴的坐标。拼图游戏的的图片顺序并不能够随机生成,随机的结果有可能是无解的,所以我们需要一个能够被还原的序列,这个还原序列怎么来的呢。博主是在顺序的基础上随便点了两下获取到的=_=!!实时顺序表用来存储游戏中每个碎片的当前位置,判断游戏输赢也全靠它,当列表中的第一项是第一张图片,第二项是第二张图片,第三项是第三张图片,八块图片按顺序排列的时候,我们就认为玩家获得了最终的胜利。

scratch_picture_puzzle_p3

游戏另外还设置的4个变量,后面我们会依次讲到,需要注意的是其中的当前位置变量是1个私有变量,因为游戏采用了克隆体完成,每个克隆体的造型与位置都是不同的,所以代表位置的这个“当前位置”变量,我们需要设置为私有变量。

scratch_picture_puzzle_p4

点击绿旗后是一个初始化过程,实时顺序是一个游戏中被添加的列表,在游戏开始前需要清空一下,造型是一个从1到9依次累加的变量,它依次提取初始顺序列表中的造型编号,然后依次将他们放到从1到8的位置上,根据坐标列表,我们可以很容易实现图片的定位。

scratch_picture_puzzle_p5

作为克隆体启动时,我们用一个名为当前位置的私有变量记录了每一块克隆体的当前位置,根据当前位置与空白位置的差值,我们可以判断出图片是否可以移动。这里沿用了初始化中的造型变量,但因为造型变量在克隆自己后自增了1,所以我们得把这个1减下来。(克隆自己的命令在前,变量“造型”自增的指令在后,按理应该是直接使用造型这个变量就好,但实际运行中,等克隆体生成后去读造型这个公有变量时,该变量已被改变)

scratch_picture_puzzle_p6

通过这个私有变量,克隆体们准确的把握了自己的所处位置,同时我们把造型编号存入了实时顺序列表中,来看一下程序点击绿旗后的效果。

scratch_picture_puzzle_p7

实际上初始顺序和实时顺序的数据是完全一致的,但是因为游戏中我们需要对列表进行改动,所以我们单独制造了一个实时顺序列表,以避免重新开始游戏时,没有初始数据可用。从实时列表中可以看到,2号图片在第1格的位置,7号图片在第2格的位置,图片中的位置信息,被记录在了列表当中,至于空白的方格在哪呢,我们把空白格的数字设置成了0,检测一下列表中0的位置,就可以很轻松的找到空白格。

标签: Scratch

移动端可扫我直达哦~

推荐阅读

scratch 2024-06-10

推箱子游戏的人物行进动作与下一关卡的过渡

做这个案例花了很长的时间,主要的时间是用在了寻找一个合适的游戏角色上,虽然网上有很多的4方向的人物动作图,但部分是工种不匹配,总不能找个英俊潇洒的美男子,或是弱不经风的大小姐来干推箱子这种体力活吧,更不用说携带管制刀具的剑士,或是呼风...

少儿编程 Scratch

scratch 2024-06-10

推箱子游戏的地图布局与箱子的运动逻辑

为了利用自定义积木的屏幕免刷新,所以地图布局按惯例扔给了一块自定义积木,整个游戏的逻辑依赖于“关卡缓存”这张列表,首当其冲的就是布局,对于这个游戏,博主将屏幕统一划分成了10横12纵的栅格,不显示的部分都用“0值”填充,虽然实际的游戏...

少儿编程 Scratch

scratch 2024-06-10

Scratch推箱子游戏地图制作-与Excel间的数据交换

在Scratch基础教程这个系列中提到过Excel这个软件,这其实是一个伪装成电子表格的万能工具,我们可以用它来处理数据,也可以用它来转换html格式的表格以便把表格内容发布到网站。当然也有用Excel来画像素图,甚至制作游戏的,对于...

少儿编程 Scratch

scratch 2024-05-31

滚动长方体游戏的边界检测与游戏结果判断

在进行滚动长方体操作时,我们设置了一个名为“方块状态”的变量,根据长方体的初始状态与旋转后的最终状态,我们分析后将其分为3个状态,即下图中的这几个状态:分别是竖直状态;长的一边靠近X轴的状态;以及长的一边靠近Y轴的状态。因为视角变化的...

少儿编程 Scratch

scratch 2024-05-30

Scratch滚动长方体游戏的地图布局与移动

在之前的教程中,我们曾经实现过一个跑酷游戏,通过固定人物,不断平移背景来实现移动效果。在滚动长方体这个小游戏中,博主把长方体的活动范围也限定在了原点附近,所以同样需要移动地图来衬托长方体的移动。一个长方体,绕某根坐标轴旋转的时候,不出...

少儿编程 Scratch

scratch 2024-05-30

Scratch中等距视角下长方体的滚动动作

刚学会上网那会,玩过一个网页版的滚动长方体的游戏,控制一个长方体在一个等距视角下翻滚。当把长方体垂直放入目标方格时,游戏判定胜利,进入下一关。前几天学习了一下2.5d视角的坐标换算与图形变换,准备来实现一个低配版本的滚动长方体游戏。实...

少儿编程 Scratch

scratch 2024-05-28

Scratch利用私有变量拼装可回溯的地图

在Scratch中可以利用两张设置更多的图片来循环播放,形成一个移动的背景,某天突然想到,如果用克隆体像铺砖块一样实现一个背景,又该如何组织呢,于是就动手尝试了一下。发现在生成克隆体的时候可以给克隆体一个私有变量以确定克隆体的x坐标,...

少儿编程 Scratch

scratch 2024-05-24

一个正方形在2.5D视角下是如何转动的?

沿着纵轴旋转45度的无透视游戏叫等距视角的游戏,通俗来说也叫2.5D游戏。很多小游戏都采用了这样的视觉,这个视角在2维的基础上塑造出了立体的视觉效果,相比正视图更有视觉表现力。这个视角看得挺多,但真正要想像一个方块如何在这个视角下转动...

少儿编程 Scratch

scratch 2024-05-22

Scratch版本开心消消乐游戏中方块的消除与补充逻辑

方块的补充是博主考虑时间最久的一个环节,纠结于是否需要扩大数据列表,把删除掉的积木在列表尾部补齐,又担心如果一列消除掉太多,Scratch角色超出边界后坐标移位。反复尝试过程中发现即便相同编号的克隆体堆叠在一起,但只要加一个限制条件,...

少儿编程 Scratch

scratch 2024-05-22

Scratch版本开心消消乐游戏中的消除统计

我们在alpha版本中基本完成了鼠标操作,并且把游戏进程推到了进程2,接下来尝试完成游戏的消除统计部分,对于消除的逻辑,博主一开始是使用了一个计数器,用于统计相同方块的数量,先把方块推入列表,下一块方块或下二块方块出现不同方块时,重置...

少儿编程 Scratch

scratch 2024-05-21

用Scratch做一个开心消消乐游戏-游戏逻辑与鼠标动作

准备实现一个类似开心消消乐的游戏,对于游戏的细节思考并测试了好多天,这也是博主几天没有更新博客的原因。制作过程中,有一个模糊的总结,单纯的思考并无助于推动项目的进展,实际动手制作尝试,倒是经常有意外的惊吓与惊喜。引用一句不是特别符合的...

少儿编程 Scratch