{"id":1534,"date":"2012-12-30T16:59:06","date_gmt":"2012-12-30T13:59:06","guid":{"rendered":"http:\/\/unitycoder.com\/blog\/?p=1534"},"modified":"2012-12-30T16:59:54","modified_gmt":"2012-12-30T13:59:54","slug":"mecanim-unity-4-tutorial-step-by-step-from-the-video","status":"publish","type":"post","link":"https:\/\/unitycoder.com\/blog\/2012\/12\/30\/mecanim-unity-4-tutorial-step-by-step-from-the-video\/","title":{"rendered":"Mecanim Unity 4 Tutorial (step-by-step from the video)"},"content":{"rendered":"

\"unity4_mecanim_tutorial_step_by_step\"<\/p>\n

While looking at the new mecanim tutorial video, wrote down the steps from it (not finished yet)
\n(huh – thats a lot of clicks just to get your robot moving.. certainly could use some helper scripts\/plugins to do most of the stuff automagically)<\/p>\n

Video from Unity (tutorial scene download is there also)<\/strong>
\nhttps:\/\/www.youtube.com\/watch?v=Xx21y9eJq1U<\/a><\/p>\n

Tutorial steps<\/strong><\/p>\n

    \n
  1. Open Tutorial Start<\/li>\n
  2. Pick Robot prefab<\/li>\n
  3. Animations tab<\/li>\n
  4. Uncheck [ ] Import animations<\/li>\n
  5. Rig tab<\/li>\n
  6. Animation type: Humanoid<\/li>\n
  7. Apply<\/li>\n
  8. Configure<\/li>\n
  9. Configure Avatar<\/li>\n
  10. Mapping : Automap<\/li>\n
  11. (Some bones are red, because mecanim wants T-pose)<\/li>\n
  12. Pose: Enforce T-Pose<\/li>\n
  13. Muscles tab<\/li>\n
  14. Prompts for Apply (apply)<\/li>\n
  15. (We can apply constraints to different parts of the body, but no need to do now)<\/li>\n
  16. Press Done<\/li>\n
  17. Drag & Drop the robot prefab to scene (hierarchy)<\/li>\n
  18. (Scene uses light probes, need to set robot mesh renderer to use them)<\/li>\n
  19. Select Robot in scene<\/li>\n
  20. Select Robot2 under it<\/li>\n
  21. Check [x] Use light probes in the skinned mesh renderer<\/li>\n
  22. Select Animations\/Walk forward<\/li>\n
  23. Go to animations tab<\/li>\n
  24. Click clips\/Walk forward<\/li>\n
  25. (You can then preview your animations (if they have baked mesh) or create loopable clips)<\/li>\n
  26. Select robot in scene<\/li>\n
  27. (it has component animator)<\/li>\n
  28. Window \/ Animator<\/li>\n
  29. Select tutorial folder<\/li>\n
  30. Right click > Create Animation Controller<\/li>\n
  31. Name it MyBotControl<\/li>\n
  32. Drag & drop it to your robot, Animator \/ Controller<\/li>\n
  33. Check [x] animate physics<\/li>\n
  34. Go to animations folder<\/li>\n
  35. Pick Idles<\/li>\n
  36. Click Idle (under clips)<\/li>\n
  37. See preview (press preview play button)<\/li>\n
  38. Pick Animations\/Idles\/Idle (with play button icon)<\/li>\n
  39. Drag & drop it to Animator window (creates orange box *Orange is the default clip)<\/li>\n
  40. Press Play to test the scene<\/li>\n
  41. (Your robot now has the idle animation)<\/li>\n
  42. Right click on Animator window, select Create state \/ From new blend tree<\/li>\n
  43. Rename it as \u201cWalkBack\u201d<\/li>\n
  44. Double click to enter it<\/li>\n
  45. (From animator top left you can go back to parent, by clicking base layer, but not yet)<\/li>\n
  46. Click + Button on inspector 3 times (for blend tree)<\/li>\n
  47. Drag & drop Animations \/ WalkBack \/ WalkBack clip to middle motion field that we just created<\/li>\n
  48. Do the same for \u201cWalkBackTurnLeft\u201d (drop it to first motionfield)<\/li>\n
  49. Do the same for \u201cWalkBackTurnRight\u201d (drop it to 2rd motionfield)<\/li>\n
  50. ** error : pressed some keys, whole animator went empty.. also couldn\u2019t go inside WalkBack anymore, had to re-do it.. **<\/li>\n
  51. Add parameter: Speed\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 (keep capital letter)<\/li>\n
  52. Add parameter: Direction\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 (keep capital letter)<\/li>\n
  53. Select walkback blendtree<\/li>\n
  54. On Inspector set Parameter dropdown to Direction (it was Speed)<\/li>\n
  55. Set start range to: -1 (because unity input systems returns values from -1 to 1), by clicking the number 0 under the blue curves<\/li>\n
  56. Go back to base layer (clicking the \u201cBase layer>\u201d on topleft in animator window)<\/li>\n
  57. Create transition from Idle to WalkBack, right click on Idle, Select Make transition, Drag the line to WalkBack, click.<\/li>\n
  58. Click to select the transition line (we set condition that when should be do transition)<\/li>\n
  59. Set conditions: Speed | Less | -0.1<\/li>\n
  60. Create transition from WalkBack to Idle, right click on WalkBack, Select Make transition, Drag the line to Idle, click.<\/li>\n
  61. Click to select the transition line (we set condition that when should be do transition)<\/li>\n
  62. Set conditions: Speed | Greater | -0.1<\/li>\n
  63. Go inside WalkBack blendtree, you can preview the direction value by dragging it on the blendtree<\/li>\n
  64. Note. You can also drag & drop any avatar enabled character to the preview window, to use it as a preview<\/li>\n
  65. Select robot in scene<\/li>\n
  66. Drag & Drop \u201cBotControlScript\u201d to the robot<\/li>\n
  67. Open the script (double click)<\/li>\n
  68. Line 48: horizontal & vertical get values from GetAxis()<\/li>\n
  69. SetFloat() sends the values to animator<\/li>\n
  70. (Back to unity)<\/li>\n
  71. Set Robot rigidbody mass to: 60<\/li>\n
  72. Freeze rigidbody rotation for all: XYZ<\/li>\n
  73. Capsule collider: Set Center to Y:1, Height: 2, Radius: 0.3<\/li>\n
  74. (Press play to test)<\/li>\n
  75. ** had some error here, robot is not moving as it should: Transition line from Idle to Walkback was not set \u201cCondition: Speed | Less | -0.1\u201d **<\/li>\n
  76. (Video at 14:37 \u2013 Walk and Run : using Nested Blend Trees)<\/li>\n
  77. Go to Animator, Base Layer<\/li>\n
  78. Right click on stage: Create State \/ From new blend tree<\/li>\n
  79. Rename it as \u201cLocomotion\u201d<\/li>\n
  80. Enter the blend tree (double click)<\/li>\n
  81. In inspector click + button: \u201cNew Blend Tree\u201d (And rename it as \u201cWalks\u201d)<\/li>\n
  82. In inspector click + button: \u201cNew Blend Tree\u201d (And rename it as \u201cRuns\u201d)<\/li>\n
  83. Select upper blend tree \u201cWalks\u201d<\/li>\n
  84. Add 3 motion fields (+ button \u201cAdd Motion Field\u201d)<\/li>\n
  85. Expand Animations \/ WalkForward motion clip in Project window<\/li>\n
  86. Drag & Drop \u201cWalkForward\u201d clip to the middle motion field<\/li>\n
  87. Expand Animations \/ WalkForwardTurns motion clip in Project window<\/li>\n
  88. Drag & Drop \u201cWalkFwdTurnLeft\u201d-clip to top motion field<\/li>\n
  89. Drag & Drop \u201cWalkFwdTurnRight\u201d-clip to bottom motion field<\/li>\n
  90. (you can pan the animator stage with middle mouse button down, or with alt+left mouse down)<\/li>\n
  91. Select the blend tree \u201cRuns\u201d<\/li>\n
  92. Set the range start to: -1 (like we did before @step 55)<\/li>\n
  93. On Inspector set Parameter dropdown to Direction (it was Speed)<\/li>\n
  94. Now select the lower blend tree (that we created @step 82)<\/li>\n
  95. Add 3 motion fields (+ button \u201cAdd Motion Field\u201d)<\/li>\n
  96. (Lets look how these clips were created)<\/li>\n
  97. (if you select Runs (blue icon), and then select any of the clips listed, you can preview the loops)<\/li>\n
  98. ** Note: Some bug in the preview window: character disappears **<\/li>\n
  99. (Lets remove Run clip, press minus under it)<\/li>\n
  100. \u00a0(This fbx has several animations inside)<\/li>\n
  101. (Add new clip, press plus)<\/li>\n
  102. (select the just added clip)<\/li>\n
  103. (Source take: Run, this will also rename your clip to Run)<\/li>\n
  104. (if you press Play on preview window, you\u2019ll see its not perfectly looped)<\/li>\n
  105. (You need to drag the Start & End markers on the timeline to create loop)<\/li>\n
  106. (Lets put start to 302 & End to 319 \u2013 Drag end marker to 302, then keep dragging forward until the loop is complete \u2013 \u201cTraffic lights\u201d are also green then)<\/li>\n
  107. (Check [x] the Loop pose)<\/li>\n
  108. (Try playing preview)<\/li>\n
  109. (Check [x] Bake into Pose under Root transform position (Y))<\/li>\n
  110. (If you check preview you\u2019ll see that the guy is not running in straight line)<\/li>\n
  111. (You can see in the text \u201cAverage velocity is -0.059, 0.000, 5.305\u201d, it should have \u201c0\u201d in X&Y)<\/li>\n
  112. (Under Root Transform Rotation drag the offset value, until your Average Velocity is correct \u2013 Set it to \u201c-0.64\u201d)<\/li>\n
  113. (Click Apply at the bottom.. scroll the inspector if its not visible)<\/li>\n
  114. (Check preview, not its running straight line)<\/li>\n
  115. Expand Animations \/ Runs motion clip in Project window<\/li>\n
  116. Drag & Drop \u201cRunLeft\u201d-clip to top motion field<\/li>\n
  117. Drag & Drop \u201cRun\u201d-clip to top motion field<\/li>\n
  118. Drag & Drop \u201cRunRight\u201d-clip to top motion field<\/li>\n
  119. Set the lower threshold start to: -1 (like we did before)<\/li>\n
  120. On Inspector set Parameter dropdown to Direction (it was Speed)<\/li>\n
  121. (we are now at 21:00 in the video)
    \n..to be continued<\/em>..<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    While looking at the new mecanim tutorial video, wrote down the steps from it (not finished yet) (huh – thats a lot of clicks just to get your robot moving.. certainly could use some helper scripts\/plugins to do most of the stuff automagically) Video from […]<\/p>\n","protected":false},"author":1,"featured_media":1535,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[148,3],"tags":[304,386,383,307],"class_list":["post-1534","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-help","category-unity3d","tag-mecanim","tag-step-by-step","tag-tutorial","tag-unity4"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2012\/12\/unity4_mecanim_tutorial_step_by_step.jpg?fit=680%2C394&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p1KTaT-oK","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/posts\/1534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/comments?post=1534"}],"version-history":[{"count":2,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/posts\/1534\/revisions"}],"predecessor-version":[{"id":1537,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/posts\/1534\/revisions\/1537"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/media\/1535"}],"wp:attachment":[{"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/media?parent=1534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/categories?post=1534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/tags?post=1534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}