Examples/BPMAnimate.PSSVG.ps1

$bpm = 90

$animateDuration = "$([Math]::Round(1/($bpm / 60), 4))s"
$animateSplat = [Ordered]@{
    Dur = $animateDuration
    RepeatDur = "indefinite"
}

$Color = "#4488ff"

SVG -ViewBox 200, 200 -Fill black @(
    SVG.pattern -Width .5 -Height .5 @(
        SVG.rect -Width 0 -Height 0 -X 25 -Y 25 @(
            SVG.animate -AttributeName width -Values '0;50' @animateSplat
            SVG.animate -AttributeName height -Values '0;50' @animateSplat
            SVG.animate -AttributeName x -Values '25;0' @animateSplat
            SVG.animate -AttributeName y -Values '25;0' @animateSplat
            SVG.animate -AttributeName opacity -From 0 -To 1 @animateSplat
            SVG.animate -AttributeName rx -Values "0;5;0" @animateSplat
        ) -Fill $color -Id TopLeft
        
        SVG.rect -Width 0 -Height 0 -X 75 -Y 25 @(
            SVG.animate -AttributeName width -Values '50;0' @animateSplat
            SVG.animate -AttributeName height -Values '50;0' @animateSplat
            SVG.animate -AttributeName x -Values '50;75' @animateSplat
            SVG.animate -AttributeName y -From 0 -To 25 @animateSplat
            SVG.animate -AttributeName opacity -From 1 -To 0 @animateSplat
            SVG.animate -AttributeName rx -Values "0;5;0" @animateSplat
        ) -Fill $Color -Id TopRight   
        
        SVG.rect -Width 0 -Height 0 -X 75 -Y 75 @(
            SVG.animate -AttributeName width -Values '0;50' @animateSplat
            SVG.animate -AttributeName height -Values '0;50' @animateSplat
            SVG.animate -AttributeName x -Values '75;50' @animateSplat
            SVG.animate -AttributeName y -Values '75;50' @animateSplat
            SVG.animate -AttributeName opacity -From 0 -To 1 @animateSplat
            SVG.animate -AttributeName rx -Values "0;5;0" @animateSplat
        ) -Fill $color -Id BottomRight
        
        SVG.rect -Width 0 -Height 0 -X 25 -Y 75 @(
            SVG.animate -AttributeName width -Values '50;0' @animateSplat
            SVG.animate -AttributeName height -Values '50;0' @animateSplat
            SVG.animate -AttributeName y -Values '50;75' @animateSplat
            SVG.animate -AttributeName x -From 0 -To 25 @animateSplat
            SVG.animate -AttributeName opacity -From 1 -To 0 @animateSplat
            SVG.animate -AttributeName rx -Values "0;5;0" @animateSplat        
        ) -Fill $Color -Id TopRight
    ) -id fillPattern
    SVG.rect -Width 200 -Height 200 -Fill "url(#fillPattern)" -X 0 -Y 0
) -OutputPath (Join-Path $PSScriptRoot .\BPMAnimate.svg) -Style @{'background-color'='black'}