如何实现横版游戏中角色的移动控制
今天分享一下横版游戏中角色的移动控制,在一个 2D 的横版游戏中,对于游戏角色的移动控制,其实只需要考虑水平方向上即可。如果角色可以跳跃的话,才需要去考虑垂直方向上的移动,这篇文章只涉及到水平方向上的角色移动控制。 [图片] 如图,是一个人物角色,我们需要考虑的有两点。 第一点是控制这个角色在水平方向上移动,按向右移动的按钮时,他的位置应该向右移动,按向左移动的按钮时,他的位置应该向左移动。 第二点是控制角色的朝向,向右移动时,角色应该面向右,向左移动时,角色应该面向左。 接下来,我们来到微信小游戏制作工具中,看一下如何实现这样的移动控制功能。 我们先来实现一下利用“摇杆”控制角色的移动。“摇杆”插件位于素材库中,点击“资源管理器”中的“添加素材”按钮,打开素材库。 [图片] 在素材库的上选择“插件”,找到“摇杆”,添加到项目中。 接着,再添加一个用于控制的角色,可以在素材库中找到“丛林冒险”中的“奔跑人物”(这个素材是有跑步动画帧的),添加到项目中。 [图片] 添加完成之后,我们的项目就变成了这样。 [图片] 接下来我们将使用下方的这个摇杆来控制游戏角色的移动。 要实现精灵的移动控制,其实工具已经为我们提供了现成的“行为”了,选中“奔跑人物”,然后在属性区中点击“管理行为”,在打开的行为面板中,开启“方向控制”行为。 [图片] 行为开启后,回到属性区的下方就可以看到关于“方向控制”行为的一些属性了。这里因为我们只需要控制水平方向上的移动,所以方向选择这里使用“左右”即可。 [图片] 除此之外,在积木区中的“行为”类别中,也增加了与“方向控制”有关的积木块。 [图片] 其实,在增加了“摇杆”插件,开启了“方向控制”行为之后,我们就已经完成第一步了,点击预览场景,看一下。 [图片] 可以看到,这时我们已经可以使用摇杆来控制角色的移动了。 接下来,我们继续完成第二步,就是调整角色的朝向,让角色向右移动时,面向右,向左移动时,面向左。 想要实现这个功能,需要先了解 2 块积木块,第一块就是“方向控制”中的“移动方向”积木块。 [图片] 调用这个积木块,我们可以获得一个角度值,通过判断当前的角度值,可以知道当前角色是在向哪里移动。 [图片] 如图,如果当前正在向右移动的话,调用“移动方向”积木块会获得一个 0 的值,向左移动的话,会获得一个 180 的值。 接下来,我们了解一下第二块积木块。位于“外观”中的“将自己的造型水平翻转”。 [图片] 这个积木块帮助我们解决的就是精灵图片的朝向。 [图片] 如图,左侧的图片经过“水平”翻转后,就会变成右侧的样子。 在了解完这两块必须的积木块之后,我们直接来看一下实现逻辑,在角色上增加如下的积木块。 [图片] 这里我们根据“是否向右”的变量的值,以及“移动方向”的数值,来判断何时进行水平翻转。如果当前角色面向右,那么只有在角色向左移动的时候,才应该进行一次翻转,让角色面向左,反之亦然。 再次预览一下,看看移动效果。 [图片] 根据摇杆的控制,角色会向正确的方向移动,并且会面向正确的方向,这样控制角色移动的功能就完成了, 可能有人会说,这是一个 2D 横版游戏,根本没有必要使用一个包含 4 个方向的摇杆,只需要使用“一左一右”的两个按钮控制方向就可以了。使用两个按钮来控制方向其实也非常的简单。 我们在场景中增加两个按钮,表示左右键。 [图片] 然后,新建 2 个通知,一个通知“向左移动”,一个通知“向右移动”。 [图片] 这两个按钮的上的逻辑非常的简单,当我按住按钮时,它们给游戏中的角色发送对应的通知。 [图片] [图片] 最后,来到角色上,接收这两个通知,然后只需要根据通知调用“行为”中的“向左/右移动”积木即可。 [图片] 最后,我们来预览一下。 [图片] 这样我们就实现两种移动控制方式,一种使用“摇杆”控制,一种使用“左右按钮”控制,其实“摇杆”插件只不过是自动给我们处理了向左向右的移动而已。 好了,今天的内容就到这里了,对于横版游戏中角色的移动控制技能,你掌握了吗? ------ 如果你想学习做游戏的话,关注我的公众号就对了。 [图片] 小蚂蚁开通视频号啦,分享一下与做游戏有关的有用有趣的短视频,另外每天都会直播制作微信小游戏,欢迎关注哟! [图片]