Todos los ejemplos · Post-proceso

Pantalla de portátil

Qué enseña este ejemplo

lcd() es la pantalla de una consola portátil: una rejilla (grid) entre los píxeles, un tinte (tint) que el panel no podía evitar, y píxeles lentos en cambiar, así que lo que se mueve deja un fantasma (ghosting). El fantasma lee lo que el efecto enseñó en el fotograma anterior, y eso cuesta dos imágenes del tamaño del lienzo mientras está activo.

La rejilla mide un píxel real alrededor de cada píxel del juego, así que necesita al menos dos píxeles reales por píxel del juego. Este ejemplo usa pixelRatio: 'device'; en una pantalla de densidad 1 no hay hueco donde dibujarla y se omite.

El panel verde son dos efectos: colorAdjust({ saturation: 0 }) quita el color y lcd() tiñe lo que queda. Haz clic para cambiar de panel, ↑ ↓ para el fantasma y espacio para apagarlo.

Arrancando