Skip to content

Result UI (Rows + Floating Numbers)

Optional, but strongly recommended for games that want readable results.

Components

FloatingNumberUI

  • A prefab spawned under a Canvas.
  • Shows the die value.
  • Animations:
  • Pop(duration)
  • FlyTo(screenPosition, duration)

DiceRollRowUI

A row prefab showing: - title (example: 2x d6) - aggregated value (Sum or Highest) - status (PENDING, SUCCESS, FAIL, or DONE(value))

Required fields: - titleText - sumText - statusText - dropTarget (RectTransform where numbers fly into)

DiceRollUIController

  • Builds a list of rows from a roll plan (groups).
  • Spawns rolls.
  • Plays floating-number animations into each row’s drop target.
  • Supports aggregation:
  • Sum (classic)
  • Highest (advantage style)

Typical UI setup steps

  1. Create a Canvas (Screen Space Overlay).
  2. Create a panel with a VerticalLayoutGroup as listRoot.
  3. Create a row prefab and assign its text fields + dropTarget.
  4. Create FloatingNumberUI prefab.
  5. Add DiceRollUIController and assign:
  6. roller
  7. canvas
  8. listRoot
  9. rowPrefab
  10. floatingPrefab
  11. Fill groups in Inspector (prefab, count, aggregation, DC).

Press your UI button to call:

uiController.RollAll();