1-Bit-Bildschirm mit Dithering
Eine Kugel und Wellen im geordneten Bayer-Dithering wie auf einem Taschenkonsolen-Display; der Cursor bewegt das Licht, auf Canvas.
Einstellungen
Code
<div class="pt-uvq16-dither"><canvas></canvas></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Hintergründe
Alle ansehen: HintergründeWofür du ihn nutzen kannst
Eine Hommage an monochrome Handheld-Displays. Eine beleuchtete Kugel und ein Feld sanfter Wellen werden in niedriger Auflösung berechnet, dann wird jedes Pixel mit einer 8 mal 8 Bayer-Matrix verglichen und einem von zwei Tönen zugeordnet. So entsteht die typische, scharfe Rasterschattierung. Das Bild wird ohne Glättung hochskaliert, jedes Pixel bleibt klar. Ideal für Spielestudios, Retro-Technik und Indie-Produkte.
Die erste Farbe ist die dunkle Tinte, die zweite das Display, die dritte färbt die Kugel. Die Dichte bestimmt die Pixelgröße von grob bis fein. Bewegst du den Cursor, folgt ihm die Lichtquelle und verschiebt Glanzpunkt und Schatten am Boden.