横版游戏中角色的移动控制是如何实现的?

文摘   教育   2024-11-28 14:36   山东  

嗨!大家好,我是小蚂蚁。


今天分享一下横版游戏中角色的移动控制,在一个 2D 的横版游戏中,对于游戏角色的移动控制,其实只需要考虑水平方向上即可。如果角色可以跳跃的话,才需要去考虑垂直方向上的移动,这篇文章只涉及到水平方向上的角色移动控制。




如图,是一个人物角色,我们需要考虑的有两点。


第一点是控制这个角色在水平方向上移动,按向右移动的按钮时,他的位置应该向右移动,按向左移动的按钮时,他的位置应该向左移动。


第二点是控制角色的朝向,向右移动时,角色应该面向右,向左移动时,角色应该面向左。


接下来,我们来到微信小游戏制作工具中,看一下如何实现这样的移动控制功能。


我们先来实现一下利用“摇杆”控制角色的移动。“摇杆”插件位于素材库中,点击“资源管理器”中的“添加素材”按钮,打开素材库。




在素材库的上选择“插件”,找到“摇杆”,添加到项目中。


接着,再添加一个用于控制的角色,可以在素材库中找到“丛林冒险”中的“奔跑人物”(这个素材是有跑步动画帧的),添加到项目中。




添加完成之后,我们的项目就变成了这样。




接下来我们将使用下方的这个摇杆来控制游戏角色的移动。


要实现精灵的移动控制,其实工具已经为我们提供了现成的“行为”了,选中“奔跑人物”,然后在属性区中点击“管理行为”,在打开的行为面板中,开启“方向控制”行为。



行为开启后,回到属性区的下方就可以看到关于“方向控制”行为的一些属性了。这里因为我们只需要控制水平方向上的移动,所以方向选择这里使用“左右”即可。



除此之外,在积木区中的“行为”类别中,也增加了与“方向控制”有关的积木块。



其实,在增加了“摇杆”插件,开启了“方向控制”行为之后,我们就已经完成第一步了,点击预览场景,看一下。



可以看到,这时我们已经可以使用摇杆来控制角色的移动了。


接下来,我们继续完成第二步,就是调整角色的朝向,让角色向右移动时,面向右,向左移动时,面向左。


想要实现这个功能,需要先了解 2 块积木块,第一块就是“方向控制”中的“移动方向”积木块。



调用这个积木块,我们可以获得一个角度值,通过判断当前的角度值,可以知道当前角色是在向哪里移动。



如图,如果当前正在向右移动的话,调用“移动方向”积木块会获得一个 0 的值,向左移动的话,会获得一个 180 的值。


接下来,我们了解一下第二块积木块。位于“外观”中的“将自己的造型水平翻转”。



这个积木块帮助我们解决的就是精灵图片的朝向。



如图,左侧的图片经过“水平”翻转后,就会变成右侧的样子。


在了解完这两块必须的积木块之后,我们直接来看一下实现逻辑,在角色上增加如下的积木块。



这里我们根据“是否向右”的变量的值,以及“移动方向”的数值,来判断何时进行水平翻转。如果当前角色面向右,那么只有在角色向左移动的时候,才应该进行一次翻转,让角色面向左,反之亦然。


再次预览一下,看看移动效果。



根据摇杆的控制,角色会向正确的方向移动,并且会面向正确的方向,这样控制角色移动的功能就完成了,


可能有人会说,这是一个 2D 横版游戏,根本没有必要使用一个包含 4 个方向的摇杆,只需要使用“一左一右”的两个按钮控制方向就可以了。使用两个按钮来控制方向其实也非常的简单。


我们在场景中增加两个按钮,表示左右键。



然后,新建 2 个通知,一个通知“向左移动”,一个通知“向右移动”。



这两个按钮的上的逻辑非常的简单,当我按住按钮时,它们给游戏中的角色发送对应的通知。



最后,来到角色上,接收这两个通知,然后只需要根据通知调用“行为”中的“向左/右移动”积木即可。



最后,我们来预览一下。



这样我们就实现两种移动控制方式,一种使用“摇杆”控制,一种使用“左右按钮”控制,其实“摇杆”插件只不过是自动给我们处理了向左向右的移动而已。


好了,今天的内容就到这里了,对于横版游戏中角色的移动控制技能,你掌握了吗? 



我是会做游戏也会教你做游戏的小蚂蚁,想学习游戏开发的话,关注我的公众号就对啦!




没有系统性的学习课程和路线?自己学习没氛围学不下去?遇到问题无人帮助即时解答?缺少经验不知该如何前行?......欢迎加入小蚂蚁的游戏开发年度课程,不只是一门课,而是围绕着学习游戏开发有关的一整套服务。帮助你用一年的时间学会做游戏,做出自己的游戏,让游戏为你带来睡后收入。欢迎来跟很多同学一起学习做游戏,一起探索游戏的更多可能。【点击这里】了解课程服务详情,【点击这里】可了解小蚂蚁能为你提供的其它课程和服务。


学员在学会做游戏之后,如果想要继续学习推广运营,我也准备了特殊的优惠,可以半价加入【小游戏推广践行群】,继续学习,打造自己的系统全面的游戏商业能力。


这里有很多热门的微信小游戏,长按下方二维码可打开游戏,据说会根据你的喜好推荐游戏哟!


欢迎加个微信,交个朋友,朋友圈每日分享与做游戏有关的知识和内容,可以来围观。备注“学习做游戏”可免费领取原创的游戏开发教程资料大合集!非学员只接受付费咨询,不闲聊,望见谅。

长按识别关注

交个朋友!

·end·
—欢迎大家点赞,再看,分享—
—你的鼓励对我来说价值巨大—


小蚂蚁教你做游戏
跟小蚂蚁学习游戏制作开发和设计,学习游戏编程,这里有很多原创的游戏开发制作教程和独家课程,帮助你快速入门,使用无代码可视化的游戏制作软件,制作属于自己的游戏。
 最新文章