← Biblioteca de Componentes

Electric Plasma

Rayos eléctricos generados por desplazamiento de punto medio recursivo. El cursor atrae los rayos y el clic genera descargas masivas.

Vista previa — mueve el cursor y haz clic para descargas
Fullstack Developer & AI

Juan Camilo
Salazar Restrepo

Desarrollo aplicaciones web y soluciones con inteligencia artificial que impulsan negocios al siguiente nivel.

Características

  • Algoritmo de desplazamiento de punto medio recursivo
  • Ramificaciones laterales con 28% de probabilidad
  • shadowBlur por segmento para efecto neón
  • Trail de desvanecimiento con fillRect + alpha
  • El cursor atrae los puntos de origen al 45%
  • Clic → 4 descargas simultáneas desde la posición
  • 4 colores: cyan, índigo, blanco, violeta, azul hielo

Uso

import ElectricPlasma from "@/components/ElectricPlasma";

// Fondo negro recomendado
<div style={{ position: "relative", height: "100vh",
  background: "#000008" }}>
  <ElectricPlasma />
  <div style={{ position: "relative", zIndex: 2 }}>
    <h1 style={{ color: "#fff" }}>Tu contenido</h1>
  </div>
</div>