Skip to content

Quick Start

1. Prepare the modular prefab

Open Samples/Prefabs/ModularCardBase.prefab.

  1. Select the root object.
  2. Add ModularCardView if it is not already present.
  3. Press Auto Assign From Prefab.
  4. Keep both Card and Design Override empty on the reusable prefab.
  5. Save the prefab.

2. Create a design

Choose Create → CardFanUI → Card Design Template and assign the frame, edges, corners, ornaments, areas, gem, and colors.

3. Create cards

Choose Create → CardFanUI → Card Definition.

Set:

  • Card name and description
  • Rarity
  • Attack, defense, and mana
  • Character icon
  • Design template

4. Create a deck

Choose Create → CardFanUI → Card Deck and add Card Definition assets to its Cards list.

5. Create the hand

Canvas
└── CardHolder
    └── UIHandLayout

Configure the fan radius, total angle, baseline, smoothing, and optional card scale.

6. Add the dealer

Add CardDealerManager to a scene object and assign:

  • Deck
  • Card PrefabModularCardBase
  • Card Holder
  • Card Count — opening hand size

Connect a UI Button to CardDealerManager.DrawCard().

Important

ModularCardBase → ModularCardView → Design Override must be empty when every Card Definition should use its own template.