当前位置:首页 » 新媒体运营 » 正文

教你怎样制作游戏,从零开始做一个俄罗斯方块游戏3:形状控制

7159 人参与  2022年12月30日 11:23  分类 : 新媒体运营  评论

今天,我们来继续学习和实现下一个模块:玩家控制形状


在俄罗斯方块游戏中,玩家可以对下落的形状进行控制,控制分为两种,一种是控制形状的移动(左,右,下),一种是控制形状的旋转(顺时针旋转 度)。

控制形状的移动

我们先来看一下如何控制移动。

教你怎样制作游戏,从零开始做一个俄罗斯方块游戏:形状控制-百度竞价优化_微商推广_今日头条自媒体_新媒体运营_剑谦网络


如图是一个“T”型的形状,它在网格中是可以向左,右,下,三个方向移动的。除此之外,它的移动还是有规则的,即每次只能移动一个格子的位置。

教你怎样制作游戏,从零开始做一个俄罗斯方块游戏:形状控制-百度竞价优化_微商推广_今日头条自媒体_新媒体运营_剑谦网络


有了这样的规则,其实是让移动变得更简单了。往哪个方向上移动,就将形状向哪个方向平移一个单元格的位置即可。

移动是有限制的,即形状只能在指定的区域内( 行 列的网格)进行移动,所以,我们在处理移动的时候需要考虑边界限制。

教你怎样制作游戏,从零开始做一个俄罗斯方块游戏:形状控制-百度竞价优化_微商推广_今日头条自媒体_新媒体运营_剑谦网络


如图,以第一个形状为例,它一共有 种不同的状态,图中红色的圆点表示的形状在当前网格中的位置,可以看的出,“状态”和“状态”在判断是否达到右边界时,使用的判断距离是不同的。“状态”距离右边界一个半方块,“状态”距离右边界一个方块。

因此,在进行边界判断的时候,我们必须根据当前形状所在的状态进行判断。仔细观察一下上方图中的这 种状态,其实是可以分为两组的,“状态”和“状态”属于一组,“状态”和“状态”属于一组。

接着来看一下,向右移动的积木逻辑。

教你怎样制作游戏,从零开始做一个俄罗斯方块游戏:形状控制-百度竞价优化_微商推广_今日头条自媒体_新媒体运营_剑谦网络


根据当前形状的状态,判断是否达到了右边界,如果没有到达右边界的话,就向右移动一个位置。

向左移动也是同样的方法,这里我们就不再赘述了。至于向下移动的处理,我们把它放到后续的碰撞检测模块再进行详细讲解。

控制形状的旋转

接着我们来看一下如何控制旋转,也可以叫做切换形状的状态。

教你怎样制作游戏,从零开始做一个俄罗斯方块游戏:形状控制-百度竞价优化_微商推广_今日头条自媒体_新媒体运营_剑谦网络


如图,是“形状”的所有状态,每一种状态都是以上一个状态为基础,顺时针旋转 度。“状态”再转 度,就又回到了“状态”,状态的切换是一个循环的过程。

找到这个规律之后,实现起来就很简单了,每当进行状态切换时,就将当前形状顺时针旋转 度即可。

但是,似乎没有想象的那么简单。


如图,是“状态”切换到“状态”的过程,形状在进行旋转时,会以中间的那个红色圆点进行转动,当转到 度切换到“状态”时,我们发现,当前的形状并没有位于网格之上。此时,就需要对当前的形状进行位置调整,让它的每一个方块都落在单元格中。

如图,向左移动半个格子,向下移动半个格子,便可将“状态”的图形移动到网格中。

同样当“状态”切换到“状态”的时候,也同样会出现这种偏移问题,我们只需要在把这种转换过程画出来,就可以看出偏移,以及调整的方向和大小。

与移动处理一样,状态旋转时,我们也要考虑到左右边界。


如图,在网格中“状态”切换到“状态”的过程是这样的,先旋转 度,然后再向右上方进行偏移


但是,当“状态”位于右边界时,如果还向右上方偏移调整的话,就会导致形状越出边界。


这时,形状的调整位置就需要变动,改为向左上方进行偏移。

所以,“状态”切换到“状态”时,需要考虑到右边界的情况,如果不在右边界,则旋转后向右上方调整,如果在右边界,则旋转后向左上方调整。同样的,当“状态”切换到“状态”时,也要考虑到左边界的情况。

最后,我们来看一下整个状态切换的积木逻辑。

预览一下游戏,看一下移动和旋转控制。


今天的内容就到这里了,稍微总结一下:在俄罗斯方块中玩家对于形状的控制有两种,一种是移动控制,一种是旋转(切换)控制。在这两种控制中,我们都需要考虑左右边界的处理,而且针对不同的状态,所需要做的边界处理也不同。

另外,你可能发现了,我在游戏中绘制了一个 x 的网格。这个网格不会在最终的游戏中出现,但是在游戏制作的过程中,却会给我们很大的帮助。有了这样的一张网格,你就能够在游戏中实时地观察到自己对于形状的处理是否正确了。

本文链接:http://www.woshiqian.com/post/178999.html

百度分享获取地址:https://share.baidu.com/code
制作游戏视频解说的过程  

我是钱微信/QQ:5087088

广告位、广告合作QQ:5087088

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

       

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。