# Explore Movements

* From the user homepage (<img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FRccmUUYCe6HrfnN16eHl%2Fimage.png?alt=media&#x26;token=88c70142-dd81-4add-aec9-602a1024f62d" alt="" data-size="line">) select the 'My Library' button (<img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FYd9d2adSqwuI58JY1Lzf%2Fimage.png?alt=media&#x26;token=53befbf4-346f-4035-9e38-8cda4a0b4b4b" alt="" data-size="line">) on the left sidebar.  You can also select the **'Explore Movements'** (<img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2F0efrCQE7sPNDkXEnKiTi%2Fimage.png?alt=media&#x26;token=50025196-10cb-4687-be4c-ee60815f0131" alt="" data-size="line">) link in the middle of the home page

<figure><img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2Fr71DUfPTjMFRRlpfsWwT%2Fimage.png?alt=media&#x26;token=c575fa09-2c9c-440b-9ed9-5c99910328ce" alt="" width="563"><figcaption><p>HEAT Marketplace</p></figcaption></figure>

* In the upper left hand corner there is a drop down <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FICEGOWdwcwRxf39ZHIBc%2Fimage.png?alt=media&#x26;token=3d171f88-ed67-4962-9415-408083baa2e8" alt="" data-size="line"> with the different subcategories you can view.

  * **My Library** - Animations that are currently available to you.  These are animations within your current subscription plan, animations you have personally uploaded, and animations you have purchased from other creators.
  * **Marketplace** - All animations available on the HEAT platform.
  * **Uploaded** - Animations that you have uploaded to HEAT.
  * **Collected** - Animations you have purchased that are not part of a subscription.
  * **In Plan** - Animations available to you within your subscription plan.
  * **Favorites** - Animations that you have favorited (<img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2F3PVr6l22HA3kJYQ5HZlR%2Fimage.png?alt=media&#x26;token=10018c9d-2062-4bfb-b729-3c0b008c2e5c" alt="" data-size="line">)

  <figure><img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FOIzMEZsCdDV4kb2D4C6J%2Fimage.png?alt=media&#x26;token=f319b800-cc57-4722-aeb4-6508bd0d5a75" alt=""><figcaption></figcaption></figure>
* To the right of the subcategory drop down there is a User Generated button (<img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2Fk2Hs5FGNF6Okd2x9O76a%2Fimage.png?alt=media&#x26;token=3b24bf05-1de2-474a-a1b1-a7b6e5e885cc" alt="" data-size="line">).  This button will apply a filter to only show you user uploaded content within the subcategory of animations that you are viewing.
* In the upper right hand corner of the screen you will find the Filter <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FcYtBsTPMY67XK8rYFyAn%2Fimage.png?alt=media&#x26;token=3115af8f-c450-49de-af02-7575925b8110" alt="" data-size="line">button.
  * Here you can apply filters to help you search through whichever subcategory of the marketplace you are currently viewing

<figure><img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2Fx0zyum2DhhwOM93cc13v%2Fimage.png?alt=media&#x26;token=9541fd27-475a-4395-a157-a7a998695367" alt="" width="563"><figcaption><p>movement filters popup</p></figcaption></figure>

* To the right of the filter button is the view change buttons (<img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FWW80cfjxXT1uMtNyQuce%2Fimage.png?alt=media&#x26;token=a4e10099-922d-4a2d-946b-847019980586" alt="" data-size="line">).  These switch between small, large, and list views of the animation cards.

<figure><img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FLY4Yozx8BUJmjR5LuMz8%2Fimage.png?alt=media&#x26;token=f0b4c442-5b2f-469f-ab39-e220922feef4" alt="" width="215"><figcaption><p>examples of animation cards</p></figcaption></figure>

* The animation cards are the meat of the HEAT marketplace.  Each card displays an animated GIF preview of it's animation when hovered over.  The blue text at the top shows the title of the animation, and below that the display name of the user that uploaded the animation.
* In the lower left hand corner of the animation card there is the animation menu button (<img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2Fi5CTImXEaUH7uHROOb0p%2Fimage.png?alt=media&#x26;token=068b537d-c593-4eff-a253-4e1f598afcdf" alt="" data-size="line">).  When clicked you will see this menu:

<figure><img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2F58aosBYbGOECokpsdL1O%2Fimage.png?alt=media&#x26;token=b19e99c3-d2a4-478e-ab63-156313c41bf4" alt="" width="170"><figcaption><p>Animation card menu</p></figcaption></figure>

* There are three options here when viewing the menu.
  1. **Add to Favorites** - This will put the animation into your 'Favorites' subcategory.
  2. **Save to Collection** - This option will allow you to add the animation to a collection of your choice.  Collections are user created folders of animations similar to a playlist.  We will go over collections more in depth further into this guide.
  3. **Share Movement** - Here you can copy a link to the animation chosen or automatically share to social media.
* The animation card menu will look a little different if you are viewing an animation that you uploaded to your own library.

<figure><img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FE5DsWc9o8ugxLYOSZFFZ%2Fimage.png?alt=media&#x26;token=bf5e616b-89d7-449a-8d89-464ecf76491b" alt="" width="170"><figcaption><p>animation card menu for user uploaded animation</p></figcaption></figure>

* There are two additional options on this card menu:
  1. **Edit Movement -** This link will take you to the 'Move Edit' page that you see when initially uploading a movement.  We will go over this more in detail in the creator section of this guide.
  2. **Delete Movement** - This will delete the movement from the HEAT marketplace. &#x20;

{% hint style="warning" %}
Deleted animations from the HEAT marketplace are gone for good!
{% endhint %}

* In the lower right corner of the animation cards you will see the plan information icons.
  1. <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FgtOOdkAg1NVN4QVOImKE%2Fimage.png?alt=media&#x26;token=eeb909e4-6d69-4ded-9fac-7667211ace49" alt="" data-size="line"> - These animations are free to use however you like!  At this point we have **25 FREE** animations available to all users.
  2. <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2Fp4WDpGiRbfNfs7EAH60Z%2Fimage.png?alt=media&#x26;token=2100e6c6-76f3-4f3d-aa74-5eee807b65a8" alt="" data-size="line"> - These animations are included in all paid HEAT subscriptions.  Subscription tiers are explained [here](https://docs.heat.tech/getting-started-with-heat/subscription-tiers).
  3. <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FCQ50EDT4tUE39YPl9klJ%2Fimage.png?alt=media&#x26;token=8851c0b4-203b-46c3-b653-2c41ff7e8448" alt="" data-size="line"> - These animations are considered "a la carte" and can be directly purchased from HEAT creators.  These animations exist outside of subscriptions and CAN be purchased while using the HEAT free tier.
  4. <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FR9Go59vdM7sb6305m0xc%2Fimage.png?alt=media&#x26;token=53f4beba-d50d-4c3e-a2e0-002066bf858a" alt="" data-size="line"> - These are animations that you have uploaded to the HEAT marketplace.
  5. <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FYxHmnM1tQzJJjtGSoeQT%2Fimage.png?alt=media&#x26;token=f995d704-df62-459b-86c5-fd6e761cc29f" alt="" data-size="line"> - These are animations that you have uploaded to your profile but have yet to publish to the HEAT marketplace.

* Click on an animation card and the page will expand to show more information about that animation.

<figure><img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FpMTAoi9U6CiePEkvwin9%2Fimage.png?alt=media&#x26;token=ac60cd0e-9858-47b9-8dee-2a585b44cc30" alt="" width="563"><figcaption><p>expanded animation card</p></figcaption></figure>

* The animation is now shown in a threeJS viewport.  You can rotate the viewport with the left mouse button, zoom with the scroll wheel or right mouse button, and pan with shift + left mouse button.  There are also navigation and camera view option buttons along the left side of the viewport.
  1. <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FizmqiNLXHX4j6rWI2uSj%2Fimage.png?alt=media&#x26;token=a2c996eb-0407-4f6c-a929-b1b301c3f71c" alt="" data-size="line"> - This button will make the camera follow the movement of the animation.  This is very useful when viewing locomotion animations that move forward through space.
  2. <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FwyupB452Nh8dzbYF15TQ%2Fimage.png?alt=media&#x26;token=b2a6753f-3599-45b8-8225-4251802a47f4" alt="" data-size="line"> - This button will reset the camera to the default view.
  3. <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FEQXd0RAyEJAEJaUH33jg%2Fimage.png?alt=media&#x26;token=5a8d4d21-1eed-4dcc-9a34-38adea848edf" alt="" data-size="line"> - This button toggles between viewing the skeleton of the model and the mesh of the model.
  4. <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FqCEz5vCHaofd94lHCozV%2Fimage.png?alt=media&#x26;token=148c0ac7-eda0-46cd-a21d-2c4d6f6c3ba4" alt="" data-size="line"> - This button activates rotate mode.  The left mouse button will now rotate the viewport around the character.
  5. <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FNwipYmIESaOtPhyzfO5H%2Fimage.png?alt=media&#x26;token=0b093fa8-3998-4147-b895-a12130062965" alt="" data-size="line"> - This button activates pan mode.  The left mouse button will now pan the viewport.
  6. <img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FYhz8zpNMRXu1G9Ee4Fxn%2Fimage.png?alt=media&#x26;token=62b3383c-0666-41a6-9c8e-81f7a89b18a8" alt="" data-size="line"> - This button activates zoom mode.  The left mouse button will now zoom the viewport.
* Below the animation viewport you will see the animation timeline.  All heat animations are uploaded at 60 frames per second.  The numbers on the left middle are the time in seconds of the animation, and to the right of the the frames of the animation.
* Below the timeline you will find the animation name followed by some other key information.  The user that uploaded the animation will have their display name here and you can click that name to navigate to their entire library of uploaded animations.  Below that you will find the date of the animation upload.  Further down you will see the user description of the uploaded animation.
* On the right side of this section are the same options that were available on the 'animation card menu': Favorite, Add to Collection, and Share, with the exception of one new icon, the 'Select Model' button (<img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2FBhv2sv5gqcLDR92xFqov%2Fimage.png?alt=media&#x26;token=fbdbe5cb-7f3d-497a-a72c-1948d3adcd02" alt="" data-size="line">).
  * The 'Select Model' button (<img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2F3lMLe88bw7RpXI9pXXrG%2Fimage.png?alt=media&#x26;token=a1db260c-70bd-4859-b6ae-1ebe3fa831a0" alt="" data-size="line">) will show a popup that has any characters you have rigged and saved through the [HEAT Auto-Rig tool](https://docs.heat.tech/getting-started-with-heat/auto-rig).  You can select any character and immediately see your chosen animation on that character.
* Below the animation information section of the page you will find the tags area.  Here you can will see the 'Movement Type', which will show either Hip or Root movement.  Also listed are the tags associated with this movement.  These tags can be clicked to activate on your list of filters to assist you in finding other similar animations.

<figure><img src="https://3615087246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FayEAytwtGUY9ZVsFfLoQ%2Fuploads%2F4XeAC38UqpE7jvtSbqth%2Fimage.png?alt=media&#x26;token=39e1892a-8b10-431b-aab9-d0a270a5b8a4" alt="" width="563"><figcaption><p>animation tags</p></figcaption></figure>

{% hint style="info" %}
All HEAT Exclusive animations are made in ROOT MOTION making them perfect for utilization in game design.
{% endhint %}

Next we will cover how to build and utilize personal movement collections.
