Cosmetics and morphing system – main menu, character selection, and design preview

[Ecliptorhizes]

Morphing & Cosmetics System

A full system for players to customize their character’s look and preview designs before playing.

---

Overview

Players customize their character’s look in a Cosmetics menu, then pick their fighter in a character selection screen. Characters show the player’s selected design and play animations when hovered.

---

Main Menu (Client Only)

• First screen players see when they join
• Only visible to the local player
• Includes:
  • Cosmetics – opens the cosmetics screen
  • Play – goes to the character selection screen

---

Cosmetics Screen

Access

• Opened from the main menu via the "Cosmetics" button
• Only the local player sees this screen

Character List

• Shows all characters the player has unlocked
• Locked characters are hidden or grayed out
• Only unlocked characters can be customized

Per-Character View

• When a character is selected, show:
  • Unlocked styles – items the player owns
  • Locked styles – items the player does not own yet

Cosmetic Categories

Category	Description
Weapon designs	Different weapon looks for each character
Emotes	Dances, gestures, taunts
Clothes	Outfits and clothing pieces

Rarity System

• Each cosmetic has a rarity:
  • Common
  • Rare
  • Super Rare
  • Rainbow Rare
  • Legendary
  • (and others as needed)
• Rarity affects how items look and how hard they are to obtain

Saving Selections

• When a player picks a design, it is saved
• That design is used when they press Play

---

Play Flow

1. Player customizes in Cosmetics
2. Player returns to the main menu
3. Player presses Play
4. Character selection screen opens

---

Character Selection Screen

Character Display

• Shows only characters the player can pick (based on unlocks)
• Each character is shown with the player’s chosen design (weapon, clothes, etc.)

Hover Preview

• When hovering over a character:
  • Character appears with the player’s selected design
  • Character plays an animation preview
• Animation matches the design the player equipped in Cosmetics

---

Summary

• Main menu with Cosmetics and Play buttons
• Cosmetics screen with unlocked characters and per-character customization
• Weapon, emote, and clothes customization
• Rarity system for cosmetics
• Play button leading to character selection
• Character selection with hover preview and design-based animations