HTML + CSSArrière-plans

Peau de Turing

Une réaction chimique simulée fait pousser taches et labyrinthes comme sur la peau d'un poisson ; le curseur en sème d'autres, en canvas.

Réglages

1x
1x
1

Code

<div class="pt-uvq16-turing"><canvas></canvas></div>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Arrière-plans

Voir tout : Arrière-plans

Où l’utiliser

Ce fond fait tourner un modèle de réaction-diffusion de Gray-Scott, les mêmes équations que celles des rayures et taches décrites par Alan Turing sur la peau des animaux. Deux substances virtuelles se diffusent et réagissent sur une petite grille, et le taux d'alimentation varie sur la largeur, si bien qu'un côté forme des points et l'autre des labyrinthes sinueux. Le rendu paraît organique et ne se répète jamais vraiment.

Les couleurs passent du fond du thème à la troisième couleur, puis à la première et à la deuxième dans les zones les plus denses. La densité règle la résolution et la vitesse le nombre d'étapes par image. Fais glisser le curseur pour semer de nouvelles colonies ; d'autres apparaissent toutes seules.