16×16 grelha, 8 cores aleatórias, 256 pixels. Uma de aproximadamente 10231 composições possíveis.
Cada pixel na grelha seleciona independentemente a sua cor a partir da paleta. Uma grelha 8×8 com 4 cores produz 464 composições possíveis: aproximadamente 3,4 × 1038. Para ter uma perspetiva, o universo observável contém cerca de 1080 átomos. Uma modesta grelha 16×16 com 8 cores alcança 8256, um número com 231 dígitos. Cada geração é estatisticamente única. Nenhum ser humano que alguma vez viveu viu a imagem exata que o seu navegador acabou de criar.
As cores da paleta são geradas em HSL (matiz, saturação, luminosidade) em vez de RGB puro. Valores RGB aleatórios frequentemente produzem castanhos turvos e cinzentos opacos porque a maior parte do cubo RGB é insaturada. O HSL separa as propriedades cromáticas: a ferramenta seleciona uma matiz aleatória (a posição na roda de cores), restringe a saturação entre 55% e 95% (garantindo cores vívidas) e restringe a luminosidade entre 35% e 65% (evitando tanto tons pastel desbotados como quase-pretos). O resultado são paletas onde cada cor é distinta, vívida e visualmente interessante.
Se gerar obras suficientes, ocasionalmente verá o que parece ser um rosto, uma letra ou uma forma reconhecível. Isto é pareidolia, a tendência profunda do cérebro humano para encontrar padrões significativos em estímulos aleatórios. O mesmo sistema percetivo que lhe permite reconhecer o rosto de um amigo na multidão também dispara quando uma grelha aleatória 8×8 agrupa pixels escuros em duas posições semelhantes a olhos acima de uma fila semelhante a uma boca. O padrão é real na sua perceção, mas ausente na matemática. Cada pixel escolheu a sua cor independentemente. O significado é seu.
Grelhas de pixel art são uma introdução acessível à combinatória. Peça aos alunos que calculem quantas imagens 4×4 únicas existem com 2 cores (216 = 65.536). Depois pergunte sobre 8×8 com 4 cores. O crescimento explosivo de 105 para 1038 torna a escala exponencial tangível. A barra de frequência abaixo do canvas demonstra a distribuição uniforme: com 4 cores e 64 pixels, cada cor deve aparecer aproximadamente 16 vezes (25%). Gere algumas obras e verifique as percentagens reais. Os desvios ilustram a variância amostral de forma visual e memorável.
Para aulas de arte e design, gere pixel art em /pixel/16/8 e peça aos alunos que descrevam o que veem. O exercício treina competências de observação e introduz conceitos de arte generativa. Cada aluno vê uma imagem diferente. A ferramenta não requer contas, não armazena dados e não define cookies.
Cada pixel nesta página é colorido pelo gerador de números aleatórios do seu próprio navegador via crypto.getRandomValues(). O servidor entrega a página. O seu dispositivo cria a obra. O servidor nunca vê a sua imagem. O botão Descarregar PNG guarda o ficheiro diretamente do canvas do seu navegador para o seu dispositivo.
A arte generativa situa-se na interseção da matemática, código e composição visual. Designers e estúdios em todo o mundo expandem os limites da criatividade algorítmica, produzindo obras onde regras e aleatoriedade colaboram. Se as grelhas de pixels nesta página despertam a sua curiosidade sobre o que o design generativo pode alcançar ao mais alto nível, o A' Design Award reconhece trabalhos excecionais neste campo em categorias que incluem arte algorítmica, arquitetura paramétrica e design assistido por IA. Visite a categoria A' Generative, Algorithmic, Parametric and AI-Assisted Design Award para explorar obras selecionadas pelo júri de criadores de referência mundial.
Acima, é apresentado o Design Generativo em destaque de hoje. Descubra mais nos A' Design Awards.
O URL controla o tamanho da grelha e o número de cores:
Envie o link. Eles recebem o mesmo tamanho de grelha, com cores e composição totalmente diferentes.
Inspiração Diária
Trabalhos selecionados pelo júri do A' Design Award, apresentados frescos a cada manhã.