---
title: "Deriva — generador de fondos abstractos en vivo | Logic2b Lab"
description: "Demo técnica: generador de fondos abstractos por campo de flujo, con panel de semilla, paleta y velocidad, y exportación a PNG. Mira cómo lo construimos en Logic2b Lab."
lang: es-ES
source_url:
  html: https://logic2b.com/lab/deriva/
  md: https://logic2b.com/lab/deriva/index.md
---

Ruta: [Lab](https://logic2b.com/lab) › [Generadores y presentación](https://logic2b.com/sistemas/generadores-presentaciones) › Deriva

Demo interactiva · datos simulados

# Deriva Generadores visuales.

Campos de flujo generativos a pantalla completa, con panel de semilla, paleta y exportación a PNG.

[Abrir la demo (se abre en una pestaña nueva)](https://logic2b.com/lab/deriva/live)

**Cosas que demuestra**

7

**Función de negocio**

1

**Sectores que lo piden**

0

Deriva · demo interactiva [Abrir aparte (se abre en una pestaña nueva)](https://logic2b.com/lab/deriva/live)

## Cómo se construyó Deriva

Generador de fondos abstractos: cientos de partículas se desplazan por un campo de flujo construido con funciones seno seedeadas, dejando una estela que se desvanece con el tiempo. Un panel de comandos controla la semilla, la paleta, el modo del campo (ondas, espiral, turbulencia) y la velocidad, con un feed de eventos que registra cada cambio y contadores en vivo de fps y partículas activas. Exporta el frame actual como PNG para usarlo como fondo real de una web.

Es una demo técnica, no una plantilla vendible tal cual: un adelanto de lo que podemos construir a medida cuando un proyecto necesita algo más que una web de catálogo. Si os interesa algo parecido para vuestro producto, hablamos.

### Qué demuestra

1. Campo de flujo construido con funciones seno seedeadas (RNG mulberry32)
2. Tres modos de campo: ondas, espiral y turbulencia
3. Panel de comandos: semilla, paleta, modo, velocidad y pausa
4. Exportación del frame actual a PNG (fondo listo para usar)
5. Instrumentación en vivo: fps, partículas activas y semilla actual
6. Feed de eventos que registra cada cambio del panel
7. Preferencias persistidas en localStorage (semilla, paleta, modo, velocidad)

Ficha del lab

**Tipo**

Generadores visuales

**Formato**

Demo interactiva, sin backend

Stack usado

- JavaScript
- Canvas API

Funciones de negocio

- [Generadores y presentación](https://logic2b.com/sistemas/generadores-presentaciones)

Técnicas

- Generativo
- Canvas
- Tiempo real

Demo con datos simulados: todo corre en el navegador.

## Labs relacionados. Misma función o mismos sectores.

[Ver todos](https://logic2b.com/lab)

### [Trama](https://logic2b.com/lab/trama)

Generadores visuales

### [Boceto](https://logic2b.com/lab/boceto)

Generadores y presentaciones

### [Carrete](https://logic2b.com/lab/carrete)

Generadores y presentaciones

---

Logic2b S.L. · Castellón (España) · [info@logic2b.com](mailto:info@logic2b.com) · [Contacto](https://logic2b.com/contacto/) · [Auditoría gratuita](https://logic2b.com/auditoria/) · [Índice para IA](https://logic2b.com/llms.txt)