{{ pane.name }}
{{ card.name }}
{{ draggedCard.name }}

Settings

Animation

Transform

Rotation

Debug

Mouse X: {{ mousePos.x }}

Mouse Y: {{ mousePos.y }}

Dragged card index: {{ draggedCardIdx }}

Pane overlapped index: {{ paneOverlappedIdx }}

Ghost card X: {{ ghostCardStyle.pos.x }}

Ghost card Y: {{ ghostCardStyle.pos.y }}

Mouse distance from middle: {{ ghostCardStyle.percentDistanceMiddle * 100 }}%

Ghost card rotation: {{ Math.round(ghostCardStyle.rotation * 100) / 100 }}

Motion velocity: {{ ghostCardStyle.velocity }}