HTML + CSSFondos

Campo de flujo de partículas

Miles de partículas siguen corrientes invisibles y dejan hilos finos de color al moverse, dibujados en canvas.

Ajustes

1x
1x
1

Código

<div class="pt-flow-field"><canvas></canvas></div>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Más en Fondos

Ver todos: Fondos

Dónde usarlo

Un clásico del arte generativo. Cada partícula lee la dirección de un campo vectorial suave en su posición y da un pequeño paso, y el lienzo se apaga muy poco entre fotogramas, así los recorridos se acumulan en hilos sedosos que muestran la forma de las corrientes. El propio campo cambia con el tiempo y dobla los chorros en remolinos nuevos.

Las partículas se reparten entre tus tres colores y renacen al salir de la pantalla o al envejecer. La densidad decide cuántas hay activas y la velocidad lo rápido que viajan. Funciona como fondo de portada para IA, datos o herramientas creativas.