← circus

Fade InOut

segment animations

Python Code


from dataclasses import replace
from svan2d.component.state import CircleState, SquareState
from svan2d.converter.converter_type import ConverterType
from svan2d.core.logger import configure_logging
from svan2d.core.point2d import Point2D
from svan2d.core.color import Color
from svan2d.velement import VElement
from svan2d.transition import easing, segment
from svan2d.vscene import VScene
from svan2d.vscene.vscene_exporter import VSceneExporter

configure_logging(level="INFO")

CIRCLE_COLOR = Color("#FDBE02")
RECTANGLE_COLOR = Color("#AA0000")


def main():
    scene = VScene(width=256, height=256, background=Color("#000017"))

    # Create two different shapes
    s1 = CircleState(
        radius=40,
        fill_color=CIRCLE_COLOR,
    )

    s2 = SquareState(
        size=70,
        fill_color=RECTANGLE_COLOR,
    )

    # Crossfade from circle to rectangle
    segs = segment.fade_inout(
        states=[s1, s2],
        center_t=[0.3, 0.7],
        hold_duration=0.2,
        fade_duration=0.1,
        easing={"opacity": easing.in_out_sine},
    )

    elements = [VElement().segment(seg) for seg in segs]
    scene.add_elements(elements)

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

    exporter.to_mp4(
        filename="fade_inout",
        total_frames=90,
        framerate=30,
        png_width_px=1024,
    )


if __name__ == "__main__":
    main()