Demo drops — pequenos experimentos visuais.
Estudos autocontidos em canvas, shaders e motion. Novos drops chegam conforme ficam prontos; cada card roda ao vivo.
-
001 contour-scan-01Isolinhas pontilhadas de um campo implícito à deriva sob uma varredura de scanline — mova o cursor para deformar os contornos.
-
002 flow-field-02Milhares de partículas advectadas por um campo de curl-noise à deriva no tempo — passe o cursor pelo canvas pra injetar um vórtice escalado pela velocidade do cursor; os rastros vêm de alpha-fade, não de histórico por partícula.
-
003 glyph-rain-03Chuva de glifos fósforo — colunas de glifos monoespaçados com cabeças brilhantes e caudas que apagam. Passe o mouse numa coluna pra acelerá-la e flareá brilhante, com um pequeno boost na vizinhança.
-
004 boids-04Flocking de Reynolds, ~150 boids: separação, alinhamento, coesão, wrap toroidal. Mova o cursor pra dentro e o bando curva em direção a ele.
-
005 harmonograph-05Um harmógrafo — x e y cada um a soma de sinusoides amortecidas com razões ligeiramente irracionais, então a figura de Lissajous nunca fecha. Mova o cursor pra deformar a frequência e a fase ao vivo; o rastro se acumula e apaga devagar.
-
006 reaction-diffusion-06Reação-difusão de Gray-Scott numa grade 200×150 — manchas que se movem, se dividem e mitoseiam. Mova o cursor pra pintar ativador e criar novos padrões; renderizado suave via ImageData upscale.
-
007 ripple-07Uma superfície de água 2D numa grade height-field de 220×160 — a equação de onda clássica, double-buffered e amortecida. Clique ou arraste pra soltar splashes e ver as frentes de onda se propagarem como luz fósforo em movimento.
-
008 automaton-08Um autômato celular elementar 1D (regra 30) crescido de uma única célula central em linhas fractais caóticas estilo Sierpinski que descem pra sempre. Pinte células vivas com o cursor pra perturbar a evolução.
-
009 circuit-trace-09Autorouting estilo PCB — trilhas brilhantes com dobras de 45 graus correndo entre pads nas bordas, pulsadas por pacotes de luz viajando. Mova o cursor pra curvar as trilhas em volta dele; clique pra limpar e re-rotear a placa.
-
010 voronoi-drift-10Um diagrama de Voronoi à deriva desenhado como bordas de célula pontilhadas numa grade de pontos. Mova o cursor pra dentro e a semente mais próxima o segue, arrastando a célula pelo padrão.
-
011 l-system-11Uma árvore de L-system crescendo galho a galho em luz fósforo, com uma fronteira brilhante que apaga atrás dela. Cada ciclo sorteia um novo conjunto de regras — clique pra derrubar a árvore e rebrotar.
-
012 maze-solver-12Um labirinto de recursive backtracker inundado por uma frente de onda BFS que deixa um rastro fósforo difuso, e depois o caminho da solução traçado em verde brilhante. Clique pra um labirinto novo.
-
013 warp-field-13Warp de estrelas — partículas fluindo de um ponto de fuga como linhas de velocidade, com brilho e velocidade dados pela profundidade. Mova o cursor pra pilotar a direção do warp.
-
014 orbital-bodies-14Um mini n-body: uma massa central pesada, treze partículas em órbita e rastros de longa exposição que se fecham em anéis. Clique pra soltar um poço de gravidade temporário e entortar as órbitas.
-
015 wave-interference-15Fontes de ondas circulares sobrepostas renderizadas como um moiré de interferência de cristas pontilhadas. Clique pra soltar uma nova fonte e ver o padrão se reorganizar em volta dela.
-
016 phosphor-fire-16O clássico algoritmo de fogo do Doom em verde fósforo — uma grade de calor em baixa resolução alimentada por baixo, renderizada em pixels grossos com scanlines embutidas. Mova o cursor pra mexer nas brasas.