HTML + CSSFondos

Pantalla de 1 bit

Una esfera y unas olas tramadas con matriz Bayer, como la pantalla de una consola de bolsillo; el cursor mueve la luz, en canvas.

Ajustes

1x
1x
1

Código

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

Un homenaje a las pantallas monocromas de las consolas portátiles. Una esfera iluminada y un campo de olas suaves se calculan a baja resolución, y cada píxel se compara con una matriz Bayer de 8 por 8 para elegir entre dos tonos, con ese sombreado de trama tan nítido. La imagen se amplía sin suavizado. Ideal para estudios de videojuegos, tecnología retro y productos indie.

El primer color es la tinta oscura, el segundo la pantalla y el tercero tiñe la esfera. La densidad ajusta el tamaño del píxel, de grueso a fino. Al mover el cursor, la fuente de luz lo sigue y desplaza el brillo y la sombra en el suelo.