Skip to content
pixi-silk
GitHub repository
Interface

OdometerOptions

import type { OdometerOptions } from 'pixi-silk/ui/odometer';

Options of Odometer.

Properties#

PropertyTypeDescriptionDefined in
color?string | numberText colour. Default white.ui/odometer.ts:70
decimals?numberDigits after the decimal point, 0 to 8. Default 0.ui/odometer.ts:56
duration?numberCount-up time in seconds for a small change. Default 0.9.ui/odometer.ts:74
easing?(t: number) => numberEasing of the count. Default outCubic.ui/odometer.ts:78
fontSize?numberFont size in px. Default 32, bold system font.ui/odometer.ts:68
minDigits?numberMinimum number of whole digits, padded with zeros. Default 1.ui/odometer.ts:66
onDone?(value: number) => voidThe count reached its target. Called with the target value.ui/odometer.ts:82
point?stringDecimal mark. Default ..ui/odometer.ts:64
prefix?stringText before the number, such as a currency sign.ui/odometer.ts:58
speedUp?booleanBigger jumps count for longer (up to 3x). Default true.ui/odometer.ts:76
suffix?stringText after the number.ui/odometer.ts:60
textStyle?TextStyleOptionsPixi text style merged over the default. It builds a bitmap font, so set it once.ui/odometer.ts:72
thousands?stringThousands separator, '' for none. Default ,.ui/odometer.ts:62
ticker?Ticker | nullTicker that runs the count. Default Ticker.shared. With null, call Odometer.tick yourself.ui/odometer.ts:80
value?numberStart value. Default 0.ui/odometer.ts:54