{"id":600,"date":"2021-06-11T03:32:18","date_gmt":"2021-06-11T03:32:18","guid":{"rendered":"https:\/\/lucyestela.com\/dev\/?p=600"},"modified":"2021-06-11T03:32:54","modified_gmt":"2021-06-11T03:32:54","slug":"unreal-assigning-keyboard-controls-to-trigger-animations","status":"publish","type":"post","link":"https:\/\/lucyestela.com\/dev\/unreal\/unreal-assigning-keyboard-controls-to-trigger-animations\/","title":{"rendered":"Unreal – Assigning Keyboard Controls to Trigger Animations"},"content":{"rendered":"
\n
\n
\n
\n
\n

ASSIGN CONTROLS TO TRIGGER ANIMATIONS<\/h3>\n

Now I want to trigger the different animations based on the keyboard input, so to do that I need to set up some input controls in the Project Settings. So go to EDIT > PROJECT SETTINGS<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

And then scroll down to INPUT and then we are going to add in some new Action Mappings so click on the little plus sign next to the title.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Give your action a name, here I have just named it the animation title, then click the small keyboard button underneath and assign the key input for that action. Do that for all the animations you have imported.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

Now we want to tell our character to use these inputs and to play the animations when it detects them, so to do that we first need to set up an animation blueprint.<\/p>\n

We do that by going to our Content Browser and selecting ADD > ANIMATION> ANIMATION BLUEPRINT<\/p>\n

\"\"<\/p>\n<\/div>\n

 <\/p>\n

\n

and select your characters skeleton to link the animation to.<\/p>\n

Now let’s go back to the character blueprint and link this Animation Blueprint to our character. Open up your character blueprint, select the mesh in the left hand side Components<\/strong> panel, and then in the right hand side Details<\/strong> panel scroll to the Animation<\/strong> tab. Make sure Animation Mode<\/strong> is Use Animation Blueprint<\/strong> and the for the Anim Class<\/strong> use the dropdown to select the Animation Blueprint you just created.<\/p>\n

\"\"<\/p>\n

defining character variables based on input<\/h3>\n

So what I want to do is have the character play an animation based on the user input. So to do that I’m going to declare a few boolean values to be true or false dependent on the keys being pressed and released.<\/p>\n

So go into your character blueprint and in the My Blueprint<\/strong> panel on the bottom left, go to the Variables<\/strong> section and click on the +Variable<\/strong> button to add variables. Add as many as you need. <\/p>\n

\"\"<\/p>\n

 <\/p>\n

Now go into the event graph, right click and look for the first Input Action that you defined in the Project Settings Input panel and add it as a node. Mine was Defeated<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

Now you need to set your variables based on the button being pressed and released. We set the variables here and then in the animation blueprint we will read their value and play the required animations.<\/p>\n

So when the button is pressed we want this character to set its variable to true and then when the button is released we will give it a delay for the length of the animation and reset it to false so that the animation can reset to the idle state. <\/p>\n

To set your variables, right click and search for set varName <\/strong>where varName is your variable name. Mine is isDefeated<\/strong>.<\/p>\n

\"\"  <\/p>\n

 <\/p>\n

The whole node set up will look like this. Don’t forget to tick the box for the variable when you want it to be true.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

I have 5 different variables to set for my 5 different animations, so my character event graph looks like this<\/p>\n

\"\"<\/p>\n

 <\/p>\n

setting up the animation blueprint<\/h3>\n

 <\/p>\n

Right so our character is set up all ready to receive input an has the boolean variables updating correctly. Now we just need to tell it what animations to play in the Animation Blueprint. So go open up your animation blueprint and click on the AnimGraph tab and the first thing we’re going to do is right click to Add new state machine<\/strong><\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

And you’ll link it up to the result animation<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Double click the New State Machine node to open it up. Then what we’re going to do in here is add all the animations that our character can move between, and we’ll set up some rules for when it can go into the animations and back again. We will be referencing the boolean variables we set up in our character blueprint for that , but for now let’s just link up our animations.<\/p>\n

Right click and Add State<\/strong> and call this one Idle. <\/strong>This will be our default standing\/hanging around doing nothing state. Drag an arrow from Entry<\/strong> to Idle<\/strong>.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

And double click on Idle to open it up. Now on the right hand side you’ll see a tab for Asset Browser. Click on that and you will see all the animations associated with the skeleton. Choose the idle on and drag it into the graph. And then click and drag a connection between the two little human figures. So that is your Idle animation set up and since you have linked to it from the Entry node, it will go straight to it onload.<\/p>\n

\"\"<\/p>\n

But we have a lot of animations we want to play when different keys are pressed. So we will go back out to the New State Machine and do the exact same thing to se up the other animations. We’ll link  them up and make conditions for when they play next.<\/p>\n

So your new state machine will look something like the image below, and inside each state you will have linked up the appropriate animation as you did in the image above.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Now link up all the animations to the Idle so that the character can alternate between them. Just click and drag from Idle to the State until you see the little blue and red icon with Create a Transition tag.  Make transitions both to the states and back from them to the Idle state. It should end up looking something like this.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Now the next thing we need to do is to create some local variables that the state machine can use to know when it should trigger animations. We will define the variables here, but we will assign their value based on the value of the corresponding variable in the character blue print. IE the ones we assigned when the keys were pressed. So for me here I’m going to name them playDefeated, playDismissive, playNervous, playWalking and playHappy and I’m going to define them in the Animation Blueprint in the Variables tab in the My Blueprint panel on the left hand side. just click the + sign and type in your variable names. We will get their value in the next step.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Now go into the Event Graph of the Animation Blueprint and we will grab the values from out character Blueprint. To do that we need to cast to the character blueprint. So right click and type in Cast to<\/strong> and then your character blueprint name. Mine is AkaiCharacter<\/strong> so I will type Cast To AkaiCharacter<\/strong>. It will come up in the list as you start typing.<\/p>\n

\"\"<\/p>\n

Link up the nodes as shown below and then drag out a pin from the cast node and get the first animation variable you defined in your character blueprint. Mine is isDefeated, and then assign it to your local Animation Blueprint variable. Mine is playDefeated. Link them up as shown.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Now get and assign all your other variables. It should end up looking something like this.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

So now that we have all the variables from the Character Blueprint assign to local variables in the Animation Blueprint, we can use them to tell the state machine when to play the various animation states that we set up. So go into the state machine tab and double click on the first circle leading from the Idle state to your first animation.<\/p>\n

\"\"<\/p>\n

Right click and GET the variable that you want to be true for the animation to play. Mine is playDefeated. Link it up to the result node.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Now go back out to the state machine and double click on the circle that leads back from your animation state to the idle state. Now we want the character to return to the idle when the playDefeated variable returns to false. (this is set in the character blueprint and passed through into the Animation Eventgraph remember). So we need to get the variable again, but add in a NOT to make it negative. See below.<\/p>\n

\"\"<\/p>\n

Do the same for the other animation states and hit COMPILE.<\/p>\n

 <\/p>\n

Now as you hover over the circles, the conditions that you just defined will show up.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

ASSIGN CONTROLS TO TRIGGER ANIMATIONS Now I want to trigger the different animations based on the keyboard input, so to do that I need to set up some input controls in the Project Settings. So go to EDIT > PROJECT SETTINGS     And then scroll down to INPUT and then we are going to … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[65,64,66,63,59],"tags":[],"class_list":["post-600","post","type-post","status-publish","format-standard","hentry","category-animation-blueprint","category-character-animation","category-character-blueprint","category-mixamo","category-unreal"],"_links":{"self":[{"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/posts\/600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/comments?post=600"}],"version-history":[{"count":1,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/posts\/600\/revisions"}],"predecessor-version":[{"id":601,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/posts\/600\/revisions\/601"}],"wp:attachment":[{"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/media?parent=600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/categories?post=600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/tags?post=600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}