Score Bug
A broadcast score bug counts a 2-0 full-time result between Remocn and the old way
$ pnpm dlx shadcn@latest add @remocn/score-bugUsage
// src/Root.tsx
import { Composition } from "remotion";
import { ScoreBug } from "@/components/remocn/score-bug";
const ScoreBugScene = () => (
<ScoreBug
away="Old way"
score={2}
scorers={["Install 12′", "Ship 47′"]}
/>
);
export const RemotionRoot = () => (
<Composition
id="ScoreBug"
component={ScoreBugScene}
durationInFrames={120}
fps={30}
width={1280}
height={720}
/>
);A broadcast score panel opens with the Remocn block on the left and an opponent block on the right. The home digit flips once per goal and a scorer line drops in under the block each time. After the last goal a gradient flash band sweeps across, the tab changes to the full-time label and the opponent dims. Pass away, score, scorers and flash. It ships light and dark through the theme prop.
Props10
| Prop | Type | Default |
|---|---|---|
| away | string"Old way" The opponent's name, set in caps on the right block. The left block is always the Remocn logo. | |
| score | number2 Goals Remocn scores, one digit flip each. | |
| awayScore | number0 The opponent's score, shown from the start. | |
| scorers | string[]["Install 12′", "Ship 47′"] One scorer line per goal, under the Remocn block. Use the prime for minutes: "Ship 47′". | |
| flash | string"Shipped" Word on the flash band that sweeps across after the last goal. | |
| liveLabel | string"Live · 2nd half" Tab label while the match runs. | |
| finalLabel | string"Full time" Tab label once the band has passed. | |
| accent | string"#3B5BFD" The live marker in the tab and the scorer ticks. | |
| theme | "dark" | "light""dark" Ships light and dark. | |
| speed | number1 Playback speed multiplier; 1 is the designed pace. | |
- awaystring
The opponent's name, set in caps on the right block. The left block is always the Remocn logo.
Default
"Old way" - scorenumber
Goals Remocn scores, one digit flip each.
Default
2 - awayScorenumber
The opponent's score, shown from the start.
Default
0 - scorersstring[]
One scorer line per goal, under the Remocn block. Use the prime for minutes: "Ship 47′".
Default
["Install 12′", "Ship 47′"] - flashstring
Word on the flash band that sweeps across after the last goal.
Default
"Shipped" - liveLabelstring
Tab label while the match runs.
Default
"Live · 2nd half" - finalLabelstring
Tab label once the band has passed.
Default
"Full time" - accentstring
The live marker in the tab and the scorer ticks.
Default
"#3B5BFD" - theme"dark" | "light"
Ships light and dark.
Default
"dark" - speednumber
Playback speed multiplier; 1 is the designed pace.
Default
1