Outfits (#5676)

* feat: backpack rearrangement (wip)

* Move backpack folder and update assets

* chore: outline for the backpack management

* feat: add outfits slots and ui logic (wip)

* fix: cleanup

* Update ProfileWidget.prefab

* Update CommunitiesBrowser_Header.prefab

* Update Backpack.prefab

* Update ExplorePanelUI.prefab

* Update backpack buttons scale animation

* Update explore panel animation

* Polish header UI

* Polish Mask and item info panel sizes

* Adjust slots, grid, and pagination positions

* chore: cleanup avatar controller

* Polish outfit slot

* Polish banner UI

* Toggle on emotes and categories

* Update textures

* Fix outfits buttons and toggle on emotes from backpack

* Fix wearables tabs

* Update OutfitSlot.prefab

* Update hotkeys button animation. Move in Y the grid panel.

* Update empty slots silhouettes

* feat: first draft of getting, saving and deleting an outfit

* Cleanup backpack prefab

* Rename tab selector

* Decrease size of the delete texture. Update Gallery prefab

* Update hints button selected color

* fix: fixes for outfits management

* feat: avatar screenshot service

* Fix close button position

* fix: clean up and refactor

* feat: add outfits analytics

* feat: handle ui for equipped outfit

* feat: update to how outfits are saved/deleted/equipped

- preview thumbnail by clicking on the outfit slot (if not equipped, going back will restore the previous one)
- equip thumbnail only on equip button
- saving the already saved outfit will give you an error popup
- missing thumbnail will be generated when previewing or equipping (in meanwhile original silhouette will be shown)

- various cleanups and optimizations

* chore: extract method for generating missing thumbnails

* chore: remove Debug.Log for failing tests

* fix: reset the previewed outfit before closing the explorer

* feat: introduce feature flag for outfits

* chore: added .gitkeep in empty folder RarityBackgrounds to make test pass

* chore: change the name of the outfit feature flag to "alpha-outfits"

* feat: use new logic for extra slots

* chore: remove checking duplicate outfits and current equipped outfit

* chore: set transparency of the screenshot to 100% opaque

- do not store feature flags

* fix: apply a gamma curve to screenshots so they don't appear dark

- prepare for tab animation effects

* fix: improve tab hover, selected, not selected states

* fix: avatar tab navigation

* feat: sounds for outfit preview, outfit delete, outfit hover (same as in categories section of wearable items)

* fix: emotes are reset when we equip a new outfit

feat: play random emote when we equip outfit

* feat: if all outfit slots are empty, set the first one into ready to save state (indication to the user that it can be clicked on the slot for outfit to be saved)

* fix: play random emote

* fix: PR review fixes

* fix: ignore empty outfits from the old system

* Fix ProfileMenuView horizontal position in order to make it responsive depending screen resolution

* fix: ui fixes and various cleanups

* chore: debug logs for debugging outfits

* fix: add short urns to save outfit event

* fix: PR review fixes AvatarScreenshotService optimizations

* chore: cleanup

* chore: enable debug log for outfits

* fix: stores on chain wearables to the registry (resolves missing tokenId when trying to update profile or save outfit with wearables for which id is missing)

* fix: properly manage forced wearables (one source of through moved to EquippedWearables

* fix: correctly save a force render list for equipped outfit when previewing other outfits

* fix: save outfit sends array of wearables saved in the outfit

* fix: delete OutfitsExtensions and extend ProfileExtensions

* chore: cleanup

* fix: cleanup

* feat: add sounds for save and delete outfit

* fix: ignore 404 for getting outfits

---------

Co-authored-by: Romina Marchetti <[email protected]>

Author: biotech77

Explorer/Assets/AddressableAssetsData/AddressableAssetSettings.asset

@@ -15,7 +15,7 @@ MonoBehaviour:
   m_DefaultGroup: 47f803e1e9c5079449bd106df98a0b7d
   m_currentHash:
     serializedVersion: 2
-    Hash: 48ca44445a9b8f3500edf575c136972a
+    Hash: 61fd69a6987cc3e7c8154fed97a91062
   m_OptimizeCatalogSize: 0
   m_BuildRemoteCatalog: 0
   m_CatalogRequestsTimeout: 0
@@ -33,6 +33,7 @@ MonoBehaviour:
   m_UniqueBundleIds: 0
   m_EnableJsonCatalog: 0
   m_NonRecursiveBuilding: 1
+  m_AllowNestedBundleFolders: 0
   m_CCDEnabled: 0
   m_maxConcurrentWebRequests: 3
   m_UseUWRForLocalBundles: 0

Explorer/Assets/AddressableAssetsData/AssetGroups/UI.asset

@@ -60,6 +60,11 @@ MonoBehaviour:
     m_ReadOnly: 0
     m_SerializedLabels: []
     FlaggedDuringContentUpdateRestriction: 0
+  - m_GUID: 0e0dc1c6390d85440bdf622928e144f5
+    m_Address: Assets/Textures/Common/ModalDeleteImg_Addressable.png
+    m_ReadOnly: 0
+    m_SerializedLabels: []
+    FlaggedDuringContentUpdateRestriction: 0
   - m_GUID: 0fce4c1a785b1495bbf861787a9a3224
     m_Address: Assets/DCL/UI/ErrorPopup/Assets/ErrorPopup.prefab
     m_ReadOnly: 0
@@ -675,6 +680,11 @@ MonoBehaviour:
     m_ReadOnly: 0
     m_SerializedLabels: []
     FlaggedDuringContentUpdateRestriction: 0
+  - m_GUID: dd40e574a59d9b348a7c02ca96be6ae9
+    m_Address: Assets/DCL/Backpack/AvatarSection/Outfits/Slots/OutfitSlot.prefab
+    m_ReadOnly: 0
+    m_SerializedLabels: []
+    FlaggedDuringContentUpdateRestriction: 0
   - m_GUID: de88bd0dde8feda4393664330ac8afb4
     m_Address: Assets/DCL/UI/GenericContextMenu/Prefabs/ToggleWithTitleIconAndCheck.prefab
     m_ReadOnly: 0

Explorer/Assets/DCL/Audio/AudioConfigs/Backpack_OutfitDelete.asset

@@ -0,0 +1,20 @@
+%YAML 1.1
+%TAG !u! tag:unity3d.com,2011:
+--- !u!114 &11400000
+MonoBehaviour:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 0}
+  m_Enabled: 1
+  m_EditorHideFlags: 0
+  m_Script: {fileID: 11500000, guid: ea799a483c3f4db8afbf38b0e6c08665, type: 3}
+  m_Name: Backpack_OutfitDelete
+  m_EditorClassIdentifier: 
+  audioClips:
+  - {fileID: 8300000, guid: cd65f4b6efec96643b007cccb5848d22, type: 3}
+  relativeVolume: 1
+  audioCategory: 0
+  pitchVariation: 0
+  clipSelectionMode: 0

Explorer/Assets/DCL/Audio/AudioConfigs/Backpack_OutfitDelete.asset.meta

@@ -0,0 +1,20 @@
+%YAML 1.1
+%TAG !u! tag:unity3d.com,2011:
+--- !u!114 &11400000
+MonoBehaviour:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 0}
+  m_Enabled: 1
+  m_EditorHideFlags: 0
+  m_Script: {fileID: 11500000, guid: ea799a483c3f4db8afbf38b0e6c08665, type: 3}
+  m_Name: Backpack_OutfitSave
+  m_EditorClassIdentifier: 
+  audioClips:
+  - {fileID: 8300000, guid: dd25454bbe016694fb00b7931ce59934, type: 3}
+  relativeVolume: 1
+  audioCategory: 0
+  pitchVariation: 0
+  clipSelectionMode: 0

Explorer/Assets/DCL/Audio/AudioConfigs/Backpack_OutfitSave.asset

@@ -140,13 +140,14 @@ private WearablePromise CreateWearablePromise(PBAvatarShape pbAvatarShape, Parti
                 WearableComponentsUtils.CreateGetWearablesByPointersIntention(pbAvatarShape, pbAvatarShape.Wearables, Array.Empty<string>()),
                 partition);
 
-        private WearablePromise CreateWearablePromise(Profile profile, PartitionComponent partition) =>
-
+        private WearablePromise CreateWearablePromise(Profile profile, PartitionComponent partition)
+        {
             // profile.Avatar.Wearables should be shortened, but since GetWearablesByPointers already retrieves shortened-urns,
             // there is not need to convert
-            WearablePromise.Create(World,
+            return WearablePromise.Create(World,
                 WearableComponentsUtils.CreateGetWearablesByPointersIntention(profile.Avatar.BodyShape, profile.Avatar.Wearables, profile.Avatar.ForceRender),
                 partition);
+        }
 
         private void LoadAllEmotes(Profile profile, PartitionComponent partition)
         {

Explorer/Assets/DCL/Audio/AudioConfigs/Backpack_OutfitSave.asset.meta

@@ -16,6 +16,7 @@
 using System.Buffers;
 using System.Collections.Generic;
 using System.Threading;
+using DCL.Diagnostics;
 using Utility.Multithreading;
 
 namespace DCL.AvatarRendering.Loading.Systems.Abstract
@@ -129,6 +130,8 @@ private async UniTask<TAvatarElement> ProcessElementAsync(ILambdaResponseElement
                         price
                     )
                 );
+
+                ReportHub.Log(ReportCategory.OUTFITS, $"<color=green>[WEARABLE_STORAGE_POPULATED]</color> Key: '{elementDTO.Metadata.id}' now maps to Value: '{individualData.id}' (Token: {individualData.tokenId})");
             }
 
             return wearable;

Explorer/Assets/DCL/AvatarRendering/AvatarShape/Systems/AvatarLoaderSystem.cs

@@ -1,6 +1,5 @@
 using DCL.AvatarRendering.Loading.Components;
 using DCL.AvatarRendering.Wearables.Components;
-using DCL.AvatarRendering.Wearables.Helpers;
 using Runtime.Wearables;
 using System;
 using System.Collections.Generic;
@@ -11,6 +10,9 @@ namespace DCL.AvatarRendering.Wearables.Equipped
     public class EquippedWearables : IEquippedWearables
     {
         private readonly Dictionary<string, IWearable?> wearables = new ();
+        private readonly HashSet<string> forceRenderCategories = new ();
+        public IReadOnlyCollection<string> ForceRenderCategories => forceRenderCategories;
+        
         private Color hairColor;
         private Color eyesColor;
         private Color bodyshapeColor;
@@ -56,6 +58,12 @@ public void SetEyesColor(Color newColor) =>
         public void SetBodyshapeColor(Color newColor) =>
             bodyshapeColor = newColor;
 
+        public void SetForceRender(IReadOnlyCollection<string> categories)
+        {
+            forceRenderCategories.Clear();
+            foreach (string category in categories) { forceRenderCategories.Add(category); }
+        }
+
         public IReadOnlyDictionary<string, IWearable?> Items() =>
             wearables;
     }

Explorer/Assets/DCL/AvatarRendering/Loading/Systems/LoadElementsByIntentionSystem.cs

@@ -1,3 +1,4 @@
+using System.Collections.Generic;
 using DCL.AvatarRendering.Wearables.Components;
 using UnityEngine;
 
@@ -16,5 +17,8 @@ public interface IEquippedWearables : IReadOnlyEquippedWearables
         void SetEyesColor(Color newColor);
 
         void SetBodyshapeColor(Color newColor);
+
+        IReadOnlyCollection<string> ForceRenderCategories { get; }
+        void SetForceRender(IReadOnlyCollection<string> categories);
     }
 }