HTML + CSSFondos

Piel de Turing

Una reacción química simulada hace crecer manchas y laberintos como la piel de un pez de arrecife; el cursor siembra más, en canvas.

Ajustes

1x
1x
1

Código

<div class="pt-uvq16-turing"><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.

Versión Markdown con todo el código, para asistentes de IA

Más en Fondos

Ver todos: Fondos

Dónde usarlo

Este fondo ejecuta un modelo de reacción-difusión de Gray-Scott, las mismas matemáticas que explican las rayas y manchas que Alan Turing describió en la piel de los animales. Dos sustancias virtuales se difunden y reaccionan en una rejilla pequeña, y el ritmo de alimentación cambia a lo ancho, así que un lado forma puntos y el otro laberintos. El resultado parece orgánico y nunca se repite igual.

Los colores van del fondo del tema al tercer color y llegan al primero y al segundo en las zonas más intensas. La densidad ajusta la resolución y la velocidad los pasos por fotograma. Arrastra el cursor para sembrar colonias nuevas; también aparecen solas de vez en cuando.