SusBattleGrid

Tactical battle grid — cell and token layers, pan & zoom, PC/phone layout modes, click/long-press/context/double-click events for cells and tokens.

Package

SusGame · HUD (commercial)

Open in Playground

SusGame · HUD

Props

Name	Type	Default
Width	Prop<int>	10	v-model
Height	Prop<int>	8	v-model
Layout	Prop<string>	"pc"	v-model
Compact	Prop<string>	"auto"	v-model
Zoom	Prop<float>	1f	v-model
IsPanning	Prop<bool>	false	v-model
Interactive	Prop<bool>	true	v-model
AutoFocusActive	Prop<bool>	true	v-model

Slots

No slots.

Events

Name	Field	Payload
CellClicked	OnCellClicked	int, int
TokenClicked	OnTokenClicked	string
CellLongPressed	OnCellLongPressed	int, int
TokenLongPressed	OnTokenLongPressed	string
CellContext	OnCellContext	int, int
TokenContext	OnTokenContext	string
TokenDoubleClicked	OnTokenDoubleClicked	string
CursorMoved	OnCursorMoved	int, int
PanChanged	OnPanChanged	float, float
ZoomChanged	OnZoomChanged	float

Style hooks

USS class contract — override appearance without touching C#. States toggle via these classes:

• sus-battle--compact
• sus-battle--compact-h
• sus-battle-grid
• sus-battle-grid__board
• sus-battle-grid__cell-layer
• sus-battle-grid__overlay-layer
• sus-battle-grid__token-layer
• sus-battle-grid__viewport
• sus-battle-grid--layout-pc
• sus-battle-grid--layout-phone-landscape
• sus-battle-grid--layout-phone-portrait
• sus-battle-grid--panning

Usage

<sus:SusBattleGrid />