Fluid Dynamics

import { FluidDynamics } from "@/components/ui/fluid-dynamics";

const settings = {
  strength: 100,
  radius: 1,
  iterations: 3,
  viscosity: 0.0,
  diffusion: 0.0,
  showDensity: true,
  showVelocity: false,
  addDensity: true,
  addVelocity: true,
  animate: true,
  circle: true,
};

export default function DemoOne(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <main className="h-screen w-screen">
      <FluidDynamics
        strength={s.strength}
        radius={s.radius}
        iterations={s.iterations}
        viscosity={s.viscosity}
        diffusion={s.diffusion}
        showDensity={s.showDensity}
        showVelocity={s.showVelocity}
        addDensity={s.addDensity}
        addVelocity={s.addVelocity}
        animate={s.animate}
        circle={s.circle}
      />
      <span className="pointer-events-none z-10 text-center text-7xl leading-none font-semibold tracking-tighter whitespace-pre-wrap text-white">
        Fluid Dynamics
      </span>
    </main>
  );
}