Écran 1 bit tramé
Une sphère et des vagues tramées par matrice de Bayer, comme sur une console de poche ; le curseur déplace la lumière, en canvas.
Réglages
Code
<div class="pt-uvq16-dither"><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.
Plus dans Arrière-plans
Voir tout : Arrière-plansOù l’utiliser
Un hommage aux écrans monochromes des consoles portables. Une sphère éclairée et un champ de vagues douces sont calculés en basse résolution, puis chaque pixel est comparé à une matrice de Bayer 8 par 8 pour choisir entre deux tons, avec cet ombrage tramé bien net. L'image est agrandie sans lissage pour que chaque pixel reste visible. Idéal pour les studios de jeux, la tech rétro et les produits indépendants.
La première couleur est l'encre sombre, la deuxième l'écran et la troisième teinte la sphère. La densité règle la taille des pixels, de gros à fins. Quand tu bouges le curseur, la source de lumière le suit et déplace le reflet et l'ombre au sol.