MOTIONSTASH
All components

Tally Score Bug

Data

A two-sided score hanging off the top edge that rolls, flashes and slides its lead meter every time somebody scores

Download preview768×432 preview render. The full-resolution file comes from running the component
8 seconds
Format

This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.

scorescoreboardtallycounterchallengequizoverlayalphatop edgebroadcast
What you can change · 14 settings

Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.

  • Left name *
    leftName · string

    The left side: a first name, a team, a channel. Short. It is set in caps beside a very large numeral and there is room for about nine characters.

    now: NOAH

  • Right name *
    rightName · string

    The right side, set the same way. Two names of roughly equal length balance the board best.

    now: PRIYA

  • Left score
    leftScore · number

    The left side's score on the first frame, before any beats. Set both of these when you are dropping the bug into the middle of a game.

    now: 6

  • Right score
    rightScore · number

    The right side's score on the first frame.

    now: 5

  • Beats
    beats · array

    Every point scored while the bug is on screen, in seconds. This is the component: the score at any frame is the starting score plus the beats that have landed, so you edit this list rather than the numbers.

    now: 4 items

  • Round
    round · string

    The strip across the top: which round it is, what the win condition is, whose rules. Empty leaves the strip to the clock alone.

    now: ROUND 3 · FIRST TO 10

  • Clock
    clock · number

    Seconds on the round clock at the first frame. It counts down live from there and the hairline under it drains once per second. 0 hides the clock entirely.

    now: 72

  • Lead range
    leadRange · number

    How many points of lead pins the meter to one end. Match it to the game: 4 for a first-to-ten quiz, 20 for a hundred point round, so the needle uses its whole travel.

    now: 4

  • Anchor
    anchor · "top-center" | "top-left" | "top-right" | "bottom-center"

    Where the bug hangs. Top centre is the scoreboard position and it clears both presenters; move it to a top corner if your framing puts somebody's head up there.

    now: top-center

  • Inset
    inset · number

    Distance from the frame edges as a fraction of the shorter side. The default sits inside a 16:9 title-safe area on every player.

    now: 0.055

  • Plate
    plate · number

    Opacity of the board itself. Below about 0.8 you are trusting the footage behind it to stay quiet, which over a moving shot it will not.

    now: 0.93

  • Scale
    scale · number

    Size of the board. Push it up for a 9:16 cut, where a bug sized for a 16:9 frame reads as a caption.

    now: 1

  • Ground
    ground · boolean

    Paint the frame behind it. Off by default. This is an overlay, so it renders on an alpha channel and drops straight over your own footage. On, it gets a brand ground so it can stand alone.

    now: true

  • Brand
    brand · string

    Brand token id, one of the keys of BRANDS.

    now: signal

For developers · source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/tally-score-bug.tsx
Frame1920×1080
Duration240f · 8s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

I film challenge videos with two people and I need a score bug that lives at the top of the screen the whole time instead of an animation I have to re-render for every point. Two names, two numbers, and I want to give it a list of timestamps for when each point is scored so the number rolls over on the beat and that person's side lights up for a second. Put a bar between them showing who is ahead by how much, and a round clock counting down. It sits over my footage so no background, and it has to be readable whether the shot is a bright kitchen or a dark room.