Skip to content

Text

<Text> draws words over the world in white with a thin dark edge, so they read over a bright sky and over night ground alike.

Its props are in Text.

import { Hud, Panel, Slot, Text } from "@daniel-zarinski/engine";
export function Score({ coins }: { coins: number }) {
return (
<Hud>
<Panel slot={Slot.TopRight}>
<Text size="lg">Coins {coins}</Text>
</Panel>
</Hud>
);
}

Nothing in Text animates: a number that changes every frame should not move as well.