Score

Displays a changing number using pooled digit icons.

import { Score } from 'filedom';

<Score value={points} places={4} at={{ x: 480, y: 80 }} />

Render Score inside a Stage. Each place mounts ten pooled sprites, one per digit face, and moves the one it needs into position, so no icon is ever swapped in place. Leading zeros are hidden and the visible digits are centered on at. Values are floored and clamped to zero, and digits beyond places are dropped from the high end.

Props