首页>少儿编程>Scratch滚动长方体游戏的地图布局与移动

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

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

Map_Layout_and_Movement_of_Scratch_Rolling_Box_Game_p1

一个长方体,绕某根坐标轴旋转的时候,不出意外应该是类似上图的情况。

Map_Layout_and_Movement_of_Scratch_Rolling_Box_Game_p2

因为博主在移动过程中不断的平移长方体的坐标,所以最终的效果是坐标轴类似一堵墙,长方体倚着这堵看不见的墙慢慢滑下,最终仍旧紧贴着坐标轴。

Map_Layout_and_Movement_of_Scratch_Rolling_Box_Game_p3

通过观察原点附近的长方体角点,可以发现,在旋转90度后,这个角点被向右移动了2个方格的距离,我们通过将地图背景同步向右移动两个方格的距离,来辅助展现这个移动的过程。

平面坐标转换为2.5D等距视图下的坐标

Map_Layout_and_Movement_of_Scratch_Rolling_Box_Game_p4

按照网上普遍的说法,等距视角(2.5D)视角,视觉上是把一个正方形旋转42度,然后垂直方向压缩到一半的高度,这样压缩后得到的菱形的尖角大约是53度左右,因为60度的等边三角形比较容易画,所以博主直接画了一个尖角为60的菱形。对比过几张等距视角的图片,发现这个角度因个人喜好而异,并没有固定的标准。

Map_Layout_and_Movement_of_Scratch_Rolling_Box_Game_p5

以60度的菱形为基准的等距坐标转换的经验公式如下:

等距x坐标
-> sin60度*(平面x坐标-平面y坐标)

等距y坐标
-> sin30度*(平面x坐标+平面y坐标)

等距z坐标
-> sin30度*(平面x坐标+平面y坐标)+ 平面z坐标(这么说可能不太准确)

这个公式只是根据自己的需求总结,未经严格测试,供大家参考,在博主利用画笔绘制等距立方体时测试有效。

Map_Layout_and_Movement_of_Scratch_Rolling_Box_Game_p6

生成地图的逻辑如下,先通过平面布局,将克隆体安排就位;

Map_Layout_and_Movement_of_Scratch_Rolling_Box_Game_p7

为克隆体设置两个私有变量“_x坐标”,“_y坐标”,利用前文所列公式,将转换后的坐标存入这两个变量,最后移动到“_x坐标”,“_y坐标”。

Map_Layout_and_Movement_of_Scratch_Rolling_Box_Game_p8

实际生成的地图如下,地图转换后可能出现平面显示时正常的图块,转换后坐标超出屏幕极限被挤回的情况,博主考虑的解决方案是去比对一下私有的“_x坐标”,“_y坐标”是否超出屏幕,如果超出屏幕则暂时隐藏。因为后续我们移动时会增大或减小这两个值,当坐标值满足条件时(未超出屏幕不会被挤压的情况),再重新显示克隆体。

Map_Layout_and_Movement_of_Scratch_Rolling_Box_Game_p9

在《Scratch中等距视角下长方体的滚动动作》一文中我们实现了立方体的原地滚动,我们可以伴随立方体的动作,同时向地图角色发送消息,通知由克隆体组成的地图背景进行相应的移动。

Map_Layout_and_Movement_of_Scratch_Rolling_Box_Game_p10

标签: Scratch

移动端可扫我直达哦~

推荐阅读

scratch 2025-04-28

打字游戏中按键命中后的删除逻辑与其它

通过上一篇的《打字游戏中绕不开的按键防抖》,其实我们已经确定好了删除字符这个变量的值,小齿轮对象把这个值放在了篮子里,接下来,克隆体排队也好,一拥而上也好,来看看自己的id是不是符合删除条件就好了。下面的图如果有点模糊,同样请右键“在...

少儿编程 Scratch

scratch 2025-04-27

打字游戏中绕不开的按键防抖

处理完了字符的下落逻辑,我们重新回到小齿轮对象,来处理按键的处理,关于按键防抖,博主在博文《Scratch 利用开关量实现按键防抖》有过提及,在实现打字游戏的过程当中,也遇到了类似的问题,当按下某按键的粘连时间过长时,会导致屏幕上所有...

少儿编程 Scratch

scratch 2025-04-27

scratch打字游戏中的字符先后顺序的识别

一个打字游戏,一般是随机生成字母,然后自上而下掉落,从出现到字符消失的过程中,如果没有准确的命中对应按键,那么可能会扣除玩家一定的血量,等血量见底,游戏也就结束了。在随机生成字母的过程中,不可避免的会出现同一个字母同屏展示的情况,比如...

少儿编程 Scratch

scratch 2025-04-27

关于字符串在打字游戏中的应用

在小鸟数据的Scratch亲手制作一个打字游戏这一章节中,我们曾经尝试制作一个简单的打字游戏,当时我们使用的方式是依次判断“a,b,c,d,e,f”键是否成功被按下,这样挨个检测的方式显然很没有效率,于是在尝试实现计算器的时候,在Sc...

少儿编程 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中等距视角下长方体的滚动动作

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

少儿编程 Scratch

scratch 2024-05-28

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

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

少儿编程 Scratch

scratch 2024-05-24

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

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

少儿编程 Scratch