Skip to content

Quick Start

Follow this minimal setup to see cards fanning and interacting in under a minute.

1) Create the hand

  • In the Canvas, create an empty UI object named CardHand.
  • Add CardFanUI/UI Hand Layout to it.
  • This object will be the parent that holds your instantiated card prefabs.

2) Add a manager (optional)

  • Create an empty GameObject outside the Canvas, named CardDealerManager.
  • Add the script CardDealerManager.cs.
  • Assign your Card Prefabs array and set Card Holder to the CardHand transform.
  • Press Play and click Draw (or auto‑deal on Start) to populate the hand.

3) Make cards interactive

  • On your card prefab root (or a child), add:
  • CardFanUI/Drag Card
  • CardFanUI/Card Hand Hover
  • For drop targets (e.g. a discard slot), add CardFanUI/Drop Handler to any UI object.

4) Tuning

  • Select CardHand and tweak UI Hand Layout values (radius, angle, spacing, smoothing).
  • Tweak hover lift/scale on Card Hand Hover.
  • Test a drop zone with Drop Handler (optional highlight).

That's it. You now have a functioning hand of cards with hover and drag.