ParticleImage

An image component with a twist

Preview

Example code

export default function Page()
{
    return(
        <ParticleImage 
            particleSize={3} 
            scale={1} 
            densityDissipation={0.995} 
            velocityDissipation={0.995} 
            pressureDissipation={0.995} 
            fluidForce={50}
            mouseRadius={3} 
            src={"/uwu.png"} 
            particleSrc={"/particle.png"}
        />
    )
}

Props

NameTypeDescriptionDefault
particleSizenumberSize of a particle3
scalenumberScale of the image1
densityDissipation0-1Force at which fluid density dissipates0.995
velocityDissipation0-1Force at which fluid velocity dissipates0.995
pressureDissipation0-1Force at which fluid pressure dissipates0.995
fluidForcenumberPointer's force by which it distorts the fluid simulation50
mouseRadiusnumberPointer's force's radius3
srcstringImage's sourcenull
particleSrcstringParticle's image sourcenull

Change log

30.06.2024

  • Added