| 001 |
Divide a tela em 7 retângulos e os preenche de acordo com o valor em binário da contagem, 0 é prenchido de preto e 1 de branco. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 002 |
Divide a tela em retângulos de acordo com número da contagem. Os retângulos são preenchidos com uma escala de cinza iniciando com o branco e terminando com o preto. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 003 |
Cria uma forma a partir da formula da Superellipse para cada número da contagem. Depois de desenhada a forma, linhas partem do centro até os pontos de extremidade. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 004 |
Para cada número da contagem cria um arco com mesmo ângulo de abertura e com raios proporcionais ao valor da contagem formando uma espiral. |
Guilherme Vieira |
https://guilhermevieira.info |
NodeBox 3 |
| 005 |
Empilha caixas ao acaso, dez de cada vez, em dez caixas que também são empilhados ao acaso. |
John Cartan |
https://www.instagram.com/john.cartan/ |
NodeBox 3 |
| 006 |
A cada ciclo, cria uma matriz com número equivalente de pontos, com coordenadas distribuídas aleatoriamente pelo plano; desenha um polígono sem intersecções utilizando a matriz. |
Vitor Carvalho |
https://vitorcarvalho.com |
DrawBot |
| 007 |
Cria retângulos sobrepostos que preenchem o canvas em posições e ângulos gerados randomicamente. |
Marina Cardoso |
https://www.instagram.com/mrncrds/ |
p5•js |
| 008 |
Este código simples gera um retângulo que gira sobre si mesmo quadro a quadro até chegar na contagem de 100. |
Eduardo Zmievski (a.k.a. CurlyBoy) |
https://www.instagram.com/curlyboy_____, https://www.openprocessing.org/user/89655#sketches |
p5•js |
| 009 |
Cria retângulos a partir do eixo x utilizando o ruído de Perlin para definir altura e tom de cinza. |
Thiago Correia |
https://www.instagram.com/thcorreiag/ |
Processing |
| 010 |
Um ábaco que conta até 100. |
Vitor Carvalho |
https://vitorcarvalho.com |
DrawBot |
| 011 |
Contador que utiliza Perlin Noise pra dividir uma rotação completa em 100 partes desiguais. |
André Burnier |
https://www.andreburnier.com, https://www.instagram.com/burnier |
Processing |
| 012 |
Contador que divide a altura pelo número contado – cada linha sub-dividida pelo número da linha. |
André Burnier |
https://www.andreburnier.com, https://www.instagram.com/burnier |
Processing |
| 013 |
Aumenta a complexidade do desenho dos caracteres de diversas fontes com a variação de quantidade de pontos de 1 a 100. |
John Cartan |
https://www.instagram.com/john.cartan/ |
NodeBox 3 |
| 014 |
Um feixe de linhas descreve a trajetória de uma circunferência em 100 passos. |
Fátima Finizola |
https://www.instagram.com/fafilete/ |
Nodebox 3 |
| 015 |
Divide o espaço da tela em colunas com elipses de unidades e linhas de dezenas. As linhas são coloridas em escala de cinza, atribuindo um tom diferente para cada dezena. |
Júnior Morimoto |
https://instagram.com/moorimoto |
Processing |
| 016 |
Cria sucessivamente linhas e colunas de uma grid preenchidas por algarismos aleatórios de 0 a 9. |
César Ganimi Machado |
https://cesarg.com.br/ |
NodeBox 3 |
| 017 |
Cria um rabisco em formato espiral com 100 pontos vetoriais. |
Monica Rizzolli |
https://contrast.parts |
Processing |
| 018 |
Quatro pontos são selecionados e conectados para formar um polígono. Cada ponto é selecionado aleatoriamente entre 25 possibilidades em cada um dos quatro lados da composição. A randomização produz, potencialmente, 100 polígonos diferentes. |
Henrique Eira |
https://www.henriqueeira.com, https://www.instagram.com/heeeira |
NodeBox 3 |
| 019 |
O código cria um grid com 100 visualizações do coronavírus que são diminuídas e, uma a uma, eliminadas em ordem randômica. Aos poucos, revela-se a mensagem de fundo: VACINA JÁ! |
Henrique Eira |
https://www.henriqueeira.com, https://www.instagram.com/heeeira |
NodeBox 3 |
| 020 |
Imprime uma memória sobreposta dada pela trajetória de quatro elipses simétricas |
Luiz Jales |
https://luizjal.es |
Processing |
| 021 |
Pra esse projeto, resolvi replicar de forma imaginativa, algum tipo de dispositivo obsoleto, onde só caracteres ASCII pudessem ser utilizados. A ideia aqui foi de alguma forma representar a transferência de dados. |
Advan Shumiski |
http://www.shumiski.com, http://instagram.com/shumiski |
Processing |
| 022 |
Retângulos com rotação, largura e altura recebendo o mesmo valor. A somatória de todos eles forma um kaleidoscópio. |
Mandu |
https://mandu.tv/ |
NodeBox 3 |
| 023 |
Treemaps mostrando o tamanho relativo de números variando de 1 a n, onde n varia de 1 a 100. |
John Cartan |
https://www.instagram.com/john.cartan/ |
NodeBox 3 |
| 024 |
Uma mistura de dithering e ondas senoidais. Apesar da contagem de 1-100 ser a base que torna possível todos os movimentos contidos nessa proposta, coloco em jogo (como faço constantemente em meu trabalho) nossa percepção sobre o tempo. O trabalho conta de 1-100, mas seus limites são visíveis? |
Advan Shumiski |
http://www.shumiski.com, http://instagram.com/shumiski |
Processing |
| 025 |
Um quadrado se transforma em um círculo, enquanto vaga aleatoriamente pelos espaços vagos do canvas, em 100 passos. |
Rodrigo Junqueira |
https://www.instagram.com/rodjunart |
p5•js |
| 026 |
Amassar e entortar um fio 100 vezes para formar o número 100. |
John Cartan |
https://www.instagram.com/john.cartan/ |
NodeBox 3 |
| 027 |
Pegue uma imagem. Divida seus lados em n partes, formando n² quadrados, n indo de 1 a 100. A cada rodada, pegue n quadrados aleatoriamente e cole-os por cima da imagem em suas posições originais. Vá empilhando imagens, deixando as instâncias anteriores cada vez mais borradas, cada vez mais escuras. |
Caluã de Lacerda Pataca |
https://www.caluapataca.com, https://www.preface.com.br |
p5•js |
| 028 |
Cada ponto vazado emite um feixe de 10 linhas. Cada ponto inteiro recebe um feixe de 10 linhas. 10 x 10. E uma estrela no final. |
Marlon Tenório |
https://instagram.com/codingp5 |
p5•js |
| 029 |
Uma árvore tem dois ramos. Cada ramo é uma árvore. Quantos ramos eu posso contar? O programa progressivamente cria uma árvore binária com um nó para cada número contado. |
Tiago Fernandes Tavares |
https://instagram.com/tiagoft, https://twitter.com/tiagoft, https://github.com/tiagoft |
Processing |
| 030 |
Bolinhas vão preenchendo o espaço. Por trás da visualização, está um conjunto de 100 pontos gerados com Poisson Disc Sampling. E o desenho desses pontos, de 1 a 100, dá pistas do funcionamento desse algoritmo. |
Felipe Turcheti |
https://felipeturcheti.com/ |
canvas-sketch |
| 031 |
Um traço caligráfico é feito ao passar por cem posições do mouse armazenadas. |
Mariana Leal |
https://marileal.github.io/ |
Processing |
| 032 |
Mostra sete vértices regularmente espaçados em um círculo (formando um heptágono) e em seguida os 99 polígonos convexos que podem ser desenhados com esses vértices, começando com triângulos e terminando com o próprio heptágono inicial. |
Alexandre B A Villares |
http://abav.lugaralgum.com |
Processing-Python |
| 033 |
Exibe de 1 a 100 estrelas visíveis no céu a partir de São Paulo no dia 25/05/2021 as 19:30 de acordo com o site https://in-the-sky.org/ em ordem aleatória desenhadas a partir do eixo leste. Esta contagem foi desenvolvida especialmente para o evento [Noite de Processing sobre esse projeto](https://www.youtube.com/watch?v=hjoILO9_oJQ). |
Guilherme Vieira |
https://guilhermevieira.info |
NodeBox 3 |
| 034 |
A contagem é representada por barras verticais que vão crescendo dentro de um grid. Uma barra indica as unidades, outra as dezenas e a última, a centena. Inspirado no "Grid Based Clock Screensaver", de Michael C. Place e G. Delobel a partir do trabalho de Sleepatwork. |
Felipe Turcheti |
https://felipeturcheti.com/ |
canvas-sketch |
| 035 |
Indo de 1 a 100 por um caminho aleatório. A aleatoriedade é uma importante ferramenta para exploração e descoberta no desenvolvimento de arte generativa. Aqui essa ferramenta se torna a protagonista e o resultado é, na prática, uma espécie de debug art. |
Felipe Turcheti |
https://felipeturcheti.com/ |
canvas-sketch |
| 036 |
Contagem de 1 a 100 num sistema de numeração quaternário. Cada dígito é um triângulo retângulo de 250 x 250 pixels, e seu valor é baseado no ângulo de rotação (0° = 0,90° = 1, 180° = 2 e 270° = 3). |
Vinícius Ladivez |
https://www.instagram.com/vladivez/ |
Processing |
| 037 |
Contagem de 10 a 100 num sistema de numeração binário, onde cada bit é um módulo hexagonal com curvas, e seu valor é baseado no ângulo de rotação (0° = 0, 60° = 1). |
Vinícius Ladivez |
https://www.instagram.com/vladivez/ |
Processing |
| 038 |
1 a 100 agentes transitam sobre um campo vetorial ruidoso. |
Mateus Berruezo |
https://codigotranscendente.github.io/livro/ |
Processing |
| 039 |
Códigos Arcturianos - Ascensão é uma investigação sobre a geometria presente nos códigos Arcturianos. Estas imagens foram criadas originalmente com intenção de cura, ao observar estas geometrias consideradas sagradas, há um convite para alcançar altos níveis consciência, neste caso a Ascensão. |
Vamoss |
https://openprocessing.org/sketch/1241518 |
p5•js |
| 040 |
Um círculo é desfocado 100 vezes. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 041 |
100 artigos aleatórios da Wikipedia, um para cada número. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 042 |
Cria uma linha continua que caminha aleatoriamente dentro de um grid de 10x10 pontos. |
Thiago Correia |
https://www.instagram.com/thcorreiag/ |
Processing |
| 043 |
O 1 gera um ponto. O 2 gera um segmento de reta. O 3 gera um triângulo. O 4, um quadrado... e assim até formar um polígono de 100 lados. |
Marlon Tenório |
https://instagram.com/codingp5 |
p5•js |
| 044 |
Sobreposições de imagens aleatórias do site Unsplash para cada valor da contagem. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing, Python |
| 045 |
100 símbolos do bloco de símbolos do Unicode, um para cada valor da contagem. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 046 |
Reproduz uma fotografia limitando a quantidade de tons de acordo com o valor da contagem. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 047 |
Cria 100 símbolos únicos baseado no trabalho Diamond Theory de Steven Cullinane publicado na revista Computer Graphics and Art de 1977. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 048 |
Procura na constante PI a primeira aparição de um dos valores de 1 a 100. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 049 |
Círculos em crescente que geram cones a partir da divisão da largura do canvas e de parâmetros que alteram a contagem de frames. lágrimas graduais com parâmetro para cessar. |
Jéssica Breda |
https://jmrcg.hotglue.me |
p5•js |
| 050 |
Uma imagem é compactada em JPEG variando sua qualidade de 1 a 100. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 051 |
Contagem de 1 a 100 utilizando FIGlet. Cada contagem exibe abaixo do número o nome da fonte. |
Guilherme Vieira |
https://guilhermevieira.info |
Python |
| 052 |
Um feixe de luz parte do centro da imagem e é refletido 100 vezes. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 053 |
A cada valor da contagem uma linha atravessando os extremos da imagem é adicionada. |
Guilherme Vieira |
https://guilhermevieira.info |
Nodebox 3 |
| 054 |
Um poligono irregular é solto no ar para cada valor da contagem e vão se acumulando dentro dos limites da imagem. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 055 |
Cria uma grade com 528 células, se o indice da celula for um número primo ele fica destacado. O processo ocorre até 100 números primos serem destacados. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 056 |
Uma visualização do ruído de perlin, onde a cada valor da contagem aumenta em 10 vezes a visualização desenhada. |
Guilherme Vieira |
https://guilhermevieira.info |
NodeBox 3 |
| 057 |
Em uma malha de 10 por 10 ocupa cada célula sequencialmente com um módulo aleatório, sendo que o módulo anterior define quais módulos podem ser utilizados na sequência. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 058 |
Um círculo é desenhado em 100 passos utilizando funções de seno e coseno para calcular cada uma das coordenadas. |
Guilherme Vieira |
https://guilhermevieira.info |
NodeBox 3 |
| 059 |
Gera a escrita por extenso de cada um dos números de 1 a 100 com a fonte Outward da Velvetyne Type. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 060 |
Um qrcode para cada valor da contagem. |
Guilherme Vieira |
https://guilhermevieira.info |
Python |
| 061 |
Imprime 100 círculos com cores e posições aleatórias. Os círculos são formados por pontos, e a quantidade de pontos bem como o tamanho do círculos são determinados de forma inversamente proporcional à contagem a 100. |
Lucas Gabriel Lima |
https://github.com/LucasGabrielLima |
Processing |
| 062 |
A imagem é divida em quatro quadrantes espelhados na horizontal e vertical, para cada valor da contagem uma quantidade equivalente de triângulos é desenhada em cada quadrante. |
Guilherme Vieira |
https://guilhermevieira.info |
NodeBox 3 |
| 063 |
Sintetiza um áudio para cada valor da contagem. A partir de cada áudio é gerado um gráfico da amplitude do áudio em relação ao tempo. |
Guilherme Vieira |
https://guilhermevieira.info |
Python |
| 064 |
Associa uma letra para cada número de 0 a 9 e realiza a contagem de 1 a 100 utilizando as letras no lugar dos números. |
Guilherme Vieira |
https://guilhermevieira.info |
Python |
| 065 |
Cria um sistema de partículas com a quantidade de partículas igual ao valor da contagem. As partículas são classificadas em dois tipos distintos. Partículas do mesmo tipo se repelem e diferentes se atraem. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 066 |
Conversão da contagem de 1 a 100 da base 10 para uma base 14. Cada carta do naipe de paus mais o coringa representam um símbolo da base 14. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 067 |
Cria uma escada de 100 degraus, um degrau para cada valor da contagem. |
Guilherme Vieira |
https://guilhermevieira.info |
Python |
| 068 |
Atribui para cada caractere único do nome por extenso dos números de 1 a 100 um valor numérico. A partir desse mapa de caracteres e valores desenha um gráfico para cada valor da contagem. |
Gabriela Momberg, Guilherme Vieira |
https://www.instagram.com/g.r.a.n.u.l.a.r, https://guilhermevieira.info |
Nodebox 3 |
| 069 |
Calcula 100 linhas do Triangulo de Pascal. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 070 |
Para cada número da contagem executa um algorítimo de reação difusão. Cada número tem uma quantidade inicial de pontos reagentes equivalmente ao valor da contagem. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 071 |
Exibe os 100 primeiros dias do ano. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 072 |
Faz o cruzamento entre duas linhas a cada valor da contagem |
João Generoso |
https://joaogeneroso.com |
p5•js |
| 073 |
Adiciona um número correspondente à contagem, enquanto os anteriores gradualmente desaparecem em uma espiral descendente. |
João Generoso |
https://joaogeneroso.com |
Geometry Nodes |
| 074 |
Uma vela que derrete conforme a contagem avança, desaparecendo completamente ao chegar no número 100. |
João Generoso |
https://joaogeneroso.com |
Geometry Nodes |
| 075 |
Desenhando fractal do conjunto mandelbrot para reticulado [0, 0.5]x[0, 0.5], onde pra cada i interações de 1 até 100 são computados pontos (x,y) para os quais x²+y² < 2² pintados de preto. Imagens criada com módulo próprio PYIMM. |
Wandeson Ricardo (WSRicardo) |
https://github.com/wsricardo |
Python |
| 076 |
Desenha uma série de padrões a partir de valores obtidos da função "(x, y) = ((x ^ y)) / i", onde i, varia de 1 a 100. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 077 |
Realiza uma contagem de 1 a 100 por extenso, porém em ordem alfabética. |
Guilherme Vieira |
https://guilhermevieira.info |
NodeBox 3 |
| 078 |
Cria uma linha em um espaço 3D. Para cada valor da contagem acrescenta um segmento na linha. |
Guilherme Vieira |
https://guilhermevieira.info |
Geometry Nodes |
| 079 |
Gera uma lista dos 100 albuns mais ouvidos no nos últimos 365 dias de um usuário do Last.fm. |
Guilherme Vieira |
https://guilhermevieira.info |
Python |
| 080 |
Para cada valor contagem apresenta uma série de barras relativa a esse valor. Cada uma das barras tem a sua altura baseada no quadrado do valor da sua ordem. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 081 |
Cria uma lista de 100 IP únicos com sua relação geoespacial. Para cada valor da contagem, exibe um número de IP da lista com um mapa da sua localização aproximada na superfície da terra ao fundo. |
Guilherme Vieira |
https://guilhermevieira.info |
Python, p5•js |
| 082 |
Cria uma série de ondas para cada valor da contagem. As ondas de cada contagem é resultado da soma dos parametros das ondas da contagem anterior com novos parâmetros. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 083 |
Visualiza um ruído de voronoy para cada valor da contagem. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 084 |
Cria uma grade de 50 x 50 quadrados. A cada valor da contagem somente os quadrados que tiverem um posicionamento múltiplo ao valor da contagem são pintados de branco. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 085 |
Corta uma imagem em 100 fatias horizontais. A cada valor da contagem desloca horizontalmente cada uma das fatias. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 086 |
Para cada valor da contagem uma visualização do vento na cidade de Salvador, Bahia, nos 100 primeiros dias do ano de 2023. Cada ponto indica um horário do dia e de cada um saem duas linhas na direção do vento naquele horário, a mais grossa representa a velocidade média e a mais fina a velocidade da rajada mais forte. |
Guilherme Vieira |
https://guilhermevieira.info |
NodeBox 3 |
| 087 |
Copia e rotaciona uma foto n vezes de acordo com o valor da contagem. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing |
| 088 |
Recorta uma imagem em 225 quadrados. A cada valor da contagem realiza a troca de lugar entre 2 recortes. Os recortes só podem ser trocados apenas 1 vez. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 089 |
Um traço para cada valor da contagem agrupados em grupos de 4 traços, onde o quarto traço é feito na diagonal fechando aquele grupo. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 090 |
Cria uma grade e a cada valor da contagem escolhe uma celula aleatória da grade e analisa a cor das células vizinhas. Se a cor for preto muda para branco e se for branco muda para preto. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 091 |
Desenha algum desses elementos: quadrado, xis ou cruz. A cada novo valor da contagem escolhe 4 pontos mais distantes do centro a partir do que já foi desenhado. Nesses 4 pontos desenha novos elementos. Se o desenho encosta na borda, retorna ao centro. A cada valor o traço também fica mais espesso. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 092 |
Cria um efeito de caleidoscópio, a quantidade de imagens espelhadas é proporcional ao valor da contagem. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 093 |
Cria dois conjuntos de linhas que vão de um centro comum para a extremidade. A cada valor da contagem cada um desses conjuntos de linhas se desloca para uma das extremidades da imagem. O deslocamento gera uma série de padrões moaré na imagem. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing-Python |
| 094 |
Para cada valor da contagem escolhe um desenho geométrico entre 5 possibilidades. Os desenhos vão se sobrepondo com alternando entre os modos de mesclagem 'Blend' e 'Difference'. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing-Python |
| 095 |
Cria um gradiente do canto superior esquerdo ao canto inferior direito. A quantidade de tons do gradiente é proporcional ao valor da contagem. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 096 |
Analisa a primeira parte do codigo das linhas de ônibus de São Paulo, onde os 2 últimos digitos dessa parte do código devem ser equivalente ao valor da contagem, ignorando-se letras. As linhas diurnas possuem fundo branco e as noturnas preto. |
Guilherme Vieira |
https://guilhermevieira.info |
Nodebox 3, Python |
| 097 |
Para cada valor da contagem realiza uma busca por imagens no Duck Duck Go e retorna o primeiro resultado. Várias buscas foram realizadas utilizando parâmetros diferentes e as imagens finais são uma curadoria manual dos diferentes resultados. |
Guilherme Vieira |
https://guilhermevieira.info |
Python |
| 098 |
Inspirado no relógio analógico cria uma contagem onde o ponteiro menor indica as dezenas e o maior as unidades. |
Guilherme Vieira |
https://guilhermevieira.info |
NodeBox 3 |
| 099 |
Cria aleatoriamente uma operação aritmética em que o resultado é igual ao valor da contagem. |
Guilherme Vieira |
https://guilhermevieira.info |
p5•js |
| 100 |
Seleciona uma imagem aleatória de cada uma das contagens feitas para esse projeto. Atribui um valor de luminosidade para imagem. Com esses dados retícula um vídeo de mãos batendo palmas. Esta contagem é um agradecimento a todos que participaram desse projeto. |
Guilherme Vieira |
https://guilhermevieira.info |
Processing, Python |