Home Components Support Pricing About Log in

BptLightningEffect

The BptLightningEffect component creates realistic lightning bolts that strike a target element. Lightning paths are generated using fractal midpoint displacement, with physics-based sparks and full-page flash effects.

Lightning Parameters

Strikes: 3

Speed: 2.0x

Branch Density: 50 %

Spark Count: 20

Flash Intensity: 0.5

Glow Spread: 10 px

Jaggedness: 0.50

Renderer: auto

Demo — Lightning strikes the target below done

Lightning Target

Lightning bolts will strike this element

Click "Strike!" to trigger the effect

Current Configuration

📋 [+]

<BptLightningEffect Strikes="@strikeCount"
                    Speed="2"
                    BranchDensity="50"
                    SparkCount="20"
                    FlashIntensity="0.5"
                    GlowSpread="10"
                    Jaggedness="0.5"
                    OnComplete="HandleComplete">
    <!-- Your target content here -->
</BptLightningEffect>

@code {
    private int strikeCount = 0;

    private void Fire() => strikeCount = 3;

    private void HandleComplete()
    {
        strikeCount = 0; // Reset for next trigger
    }
}