HTML + CSSFondos

Teselas Truchet que giran

Teselas de cuartos de círculo forman caminos y giran de vez en cuando, rehaciendo el laberinto al moverse, en canvas.

Ajustes

1x
1x
1

Código

<div class="pt-truchet"><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

Las teselas Truchet son cuadrados con dos arcos de cuarto de círculo en esquinas opuestas. Colocadas con orientaciones al azar, se unen en bucles y caminos sin fin. Aquí unas pocas teselas giran noventa grados a cada momento con una curva suave y se iluminan un instante con el tercer color, así el laberinto se reescribe sin romper nunca sus líneas.

El color de las líneas pasa en diagonal del primero al segundo, la densidad fija el tamaño de las teselas y la velocidad cada cuánto giran. Aporta una energía geométrica y juguetona a estudios, productos infantiles, puzles y congresos.