← circus

The Wave

Transition between multiple states

Python Code

from vood.components import TextRenderer, TextState
from vood.converter.converter_type import ConverterType
from vood import layouts
from vood.tat.logger import configure_logging
from vood.velements import VElement
from vood.vscene import VScene
from vood.vscene.vscene_exporter import VSceneExporter

configure_logging(level="INFO")


def main():

    ROUNDS = 10
    BASE_AMPLITUDE = 10

    # Create the scene
    scene = VScene(width=256, height=256, background="#000017")

    checkpoints = []

    # Create text states for each number with consistent styling
    base_states = [
        TextState(
            text=f"{num:02}",
            font_family="Courier",
            font_size=8,
            color="#FDBE02",
        )
        for num in range(1, 20)
    ]

    bases_states = layouts.line(base_states, spacing=10)

    checkpoints.append(bases_states)

    checkpoints += [
        layouts.wave(
            bases_states,
            spacing=10,
            wavelength=80,
            amplitude=(-1 if i % 2 else 1) * BASE_AMPLITUDE * (1 + 3 * i / ROUNDS),
        )
        for i in range(1, ROUNDS)
    ]

    # Create a text renderer for all numbers
    renderer = TextRenderer()

    elements = [
        VElement(
            renderer=renderer,
            states=states,
        )
        for states in zip(*checkpoints)
    ]

    # Add all elements to the scene
    scene.add_elements(elements)

    # Create the exporter
    exporter = VSceneExporter(
        scene=scene,
        converter=ConverterType.PLAYWRIGHT,
        output_dir="output/",
    )

    # Export to MP4 file
    exporter.to_mp4(
        filename="the_wave",
        total_frames=30 * ROUNDS,
        framerate=30,
        width_px=512,
    )


if __name__ == "__main__":
    main()