Direct Blendtrees Toggles, Hue Shifts, Int Toggles, Radials and more - VRChat Avatar Unity Tutorial

Introduction

In this tutorial, you will learn how to create various toggles and hue shifts using Direct Blendtrees in Unity for your VRChat avatar. This guide is designed for beginners, providing clear, actionable steps to enhance your avatar's interactivity through customizable features.

Step 1: Create a Direct Blendtree

• Open Unity and navigate to your Avatar's Animator.
• Right-click in the Animator window and select Create State > From Blend Tree.
• Name your blend tree (e.g., "BlendTree").
• Double-click on the Blendtree to open its settings.
• Add your animations by clicking the plus sign under the Motions section.

Step 2: Make a Basic Toggle

• Inside your blend tree, click the plus sign to add a new parameter.
• Set the parameter type to Trigger.
• Create a new animation state that corresponds to your toggle action (e.g., "ToggleAnimation").
• Link the trigger parameter to the animation state.

Step 3: Make a Toggle with One Condition

• Add a new parameter of type Bool for the condition.
• Create two animation states: one for the toggle on and one for the toggle off.
• Use transitions to connect these states based on the Bool parameter.
• Set the exit condition of the animation to the Bool parameter.

Step 4: Toggle Based on Hue Shift Between 40 and 60 Percent

• Create a new parameter of type Float and name it "HueShift".
• Add two animation states for the hue shift.
• Set the conditions for transitions based on the HueShift parameter:
  • Greater than 40% for the first state.
  • Less than 60% for the second state.

Step 5: Implement a Basic Hue Shift

• Use a material with a shader that supports hue shifting.
• Create a new Float parameter (e.g., "HueValue").
• Add a script to modify the material's hue based on the HueValue parameter.
• Update the material's shader properties to reflect changes in hue.

Step 6: Create an Int Toggle

• Add a new parameter of type Int (e.g., "ToggleIndex").
• Create several animation states corresponding to different toggle positions.
• Use the Int parameter to switch between these states based on its value.

Step 7: Material Swap Between Five Materials

• Create five different materials in Unity.
• Add an Int parameter (e.g., "MaterialIndex") to your blend tree.
• Create five animation states, each linked to a different material.
• Set conditions for transitions based on the MaterialIndex parameter.

Step 8: Hue Shift with Black and White Swap

• Use the same approach as the basic hue shift.
• Create an additional animation state for the black and white material.
• Add a new parameter (e.g., "IsBlackWhite") of type Bool.
• Set transitions to this state based on the Bool parameter.

Conclusion

You now have the foundational skills to create toggles, hue shifts, and material swaps in your VRChat avatar using Unity's Direct Blendtrees. Experiment with these features to enhance your avatar's interactivity. For further exploration, consider downloading the Gesture Manager from GitHub and checking out additional resources on Gumroad. Happy developing!