当前位置:网站首页>How to realize the movement control of characters in horizontal game
How to realize the movement control of characters in horizontal game
2022-07-07 22:06:00 【51CTO】
hi ! Hello everyone , The ant is me . Welcome to my WeChat official account. 【 Little ants teach you to play games 】, Learn more original game development tutorials .
Today, let's share the movement control of characters in the horizontal version game , In a 2D In the horizontal version of the game , For the movement control of game characters , In fact, we only need to consider the horizontal direction . If the character can jump , You need to consider the movement in the vertical direction , This article only deals with character movement control in the horizontal direction .
Pictured , It's a persona , There are two things we need to consider .
The first point is to control the character to move horizontally , Press the button that moves to the right , His position should move to the right , When you press the move left button , His position should move to the left .
The second point is to control the orientation of the character , When moving to the right , The role should face right , When moving to the left , The role should face left .
Next , We come to wechat game making tools , Let's see how to realize such a mobile control function .
Let's first realize the utilization “ rocker ” Control the movement of the character .“ rocker ” The plug-in is located in the material library , Click on “ Explorer ” Medium “ Add material ” Button , Open the material library .
Select on the material library “ plug-in unit ”, find “ rocker ”, Add to the project .
next , Add another role for control , You can find it in the material library “ Jungle Adventure ” Medium “ Running characters ”( This material has running animation frames ), Add to the project .
Add after completion , Our project has become like this .
Next, we will use the joystick below to control the movement of the game character .
To realize the movement control of the spirit , In fact, tools have provided us with ready-made “ Behavior ” 了 , Choose “ Running characters ”, Then click... In the attribute area “ Management behavior ”, In the open behavior panel , Turn on “ Direction control ” Behavior .
After the behavior is turned on , Go back to the bottom of the attribute area to see about “ Direction control ” Some properties of behavior . Here, because we only need to control the horizontal movement , So choose the direction here “ about ” that will do .
besides , In the building block area “ Behavior ” In category , And “ Direction control ” Related building blocks .
Actually , In addition to “ rocker ” plug-in unit , Open the “ Direction control ” After the act , We have already completed the first step , Click to preview the scene , to glance at .
You can see , At this time, we can use the joystick to control the movement of the character .
Next , We continue to complete the second step , Is to adjust the orientation of the role , When moving the character to the right , Face right , When moving to the left , Face left .
To achieve this function , You need to know 2 Blocks , The first piece is “ Direction control ” Medium “ Direction of movement ” Building blocks .
Call this building block , We can get an angle value , By judging the current angle value , You can know where the current character is moving .
Pictured , If you are currently moving to the right , call “ Direction of movement ” Building blocks will get one 0 Value , Move left , Will get a 180 Value .
Next , Let's learn about the second building block . be located “ appearance ” Medium “ Turn your shape horizontally ”.
What this building block helps us solve is the orientation of the fairy image .
Pictured , The picture on the left passes “ level ” After flipping , It will become the right side .
After knowing these two necessary building blocks , Let's look at the implementation logic directly , Add the following building blocks to the character .
Here we are based on “ Whether to right ” The value of the variable for , as well as “ Direction of movement ” The numerical , To determine when to flip horizontally . If the current character faces right , Then only when the character moves to the left , It should be turned once , Let the character face left , vice versa .
Preview again , Look at the moving effect .
According to the control of the rocker , The character will move in the right direction , And will face in the right direction , In this way, the function of controlling character movement is completed ,
Someone might say , This is a 2D Horizontal game , There is no need to use an include 4 Rocker in two directions , Just use “ One left one right ” The two buttons of can control the direction . Using two buttons to control the direction is actually very simple .
We add two buttons to the scene , It means left and right keys .
then , newly build 2 Notifications , A notice “ Move to the left ”, A notice “ To the right ”.
The logic of these two buttons is very simple , When I press and hold the button , They send corresponding notifications to the characters in the game .
Last , Come to the role , Receive these two notifications , Then just call according to the notification “ Behavior ” Medium “ towards the left / Move right ” Building blocks are enough .
Last , Let's preview .
In this way, we can realize two mobile control methods , A kind of use “ rocker ” control , A kind of use “ Left and right buttons ” control , Actually “ rocker ” The plug-in just automatically handles the left to right movement for us .
Okay , Today's content is here , For the movement control skills of characters in horizontal version game , Have you got it ?
hi ! Hello everyone , The ant is me . Welcome to my WeChat official account. 【 Little ants teach you to play games 】, Learn more original game development tutorials .
边栏推荐
- Song list 11111
- Jerry's key to initiate pairing [chapter]
- Take the intersection of two sets
- npm uninstall和rm直接删除的区别
- What is the difference between the three values of null Nan undefined in JS
- Cv2.resize function reports an error: error: (-215:assertion failed) func= 0 in function ‘cv::hal::resize‘
- Lingyun going to sea | saihe & Huawei cloud: jointly help the sustainable development of cross-border e-commerce industry
- Ternary expressions, generative expressions, anonymous functions
- Backup tidb cluster to persistent volume
- SAR image quality evaluation
猜你喜欢
Jerry's about TWS pairing mode configuration [chapter]
Magic weapon - sensitive file discovery tool
Google SEO external chain backlinks research tool recommendation
Cv2.resize function reports an error: error: (-215:assertion failed) func= 0 in function ‘cv::hal::resize‘
Embedded development: how to choose the right RTOS for the project?
Tcp/ip protocol stack
Paint basic graphics with custompaint
用语雀写文章了,功能真心强大!
Jerry's initiation of ear pairing, reconnection, and opening of discoverable and connectable cyclic functions [chapter]
100million single men and women "online dating", supporting 13billion IPOs
随机推荐
The essence of analog Servlet
Use blocconsumer to build responsive components and monitor status at the same time
NVR hard disk video recorder is connected to easycvr through the national standard gb28181 protocol. What is the reason why the device channel information is not displayed?
[开源] .Net ORM 访问 Firebird 数据库
Two kinds of updates lost and Solutions
2022 how to evaluate and select low code development platforms?
ISO 26262 - considerations other than requirements based testing
JNI primary contact
23. Merge K ascending linked lists -c language
What if the win11u disk does not display? Solution to failure of win11 plug-in USB flash disk
How polardb-x does distributed database hotspot analysis
Jerry's configuration of TWS cross pairing [article]
Embedded development: how to choose the right RTOS for the project?
Which financial products will yield high returns in 2022?
使用 CustomPaint 绘制基本图形
强化学习-学习笔记9 | Multi-Step-TD-Target
【Azure微服务 Service Fabric 】如何转移Service Fabric集群中的种子节点(Seed Node)
cv2.resize函数报错:error: (-215:Assertion failed) func != 0 in function ‘cv::hal::resize‘
Virtual machine network configuration in VMWare
Pre sale 179000, hengchi 5 can fire? Product power online depends on how it is sold