- tixy é uma página de creative code golfing para criar padrões e animações de pontos 16x16 com uma única fórmula curta
- O funcionamento consiste em adicionar uma expressão depois de
(t,i,x,y) =>, definindo o comportamento dos pontos na tela usando valores de tempo e coordenadas - Com a restrição de 32 caracteres ou menos, o foco está em experimentar regras matemáticas concisas, mais do que gráficos complexos
- Ao clicar nos pontos da tela, é possível ver informações adicionais, permitindo explorar os exemplos diretamente e entender como funcionam
- Como pequenas regras aparecem imediatamente como padrões visuais, é uma forma de experimentar code golf e arte generativa ao mesmo tempo
Como escrever no tixy
- tixy se apresenta como “creative code golfing”
- O usuário define o comportamento escrevendo uma expressão curta depois de
(t,i,x,y) => - A página especifica o limite de 32 characters or less
Interação na tela
- Ao clicar nos dots da tela, é possível ver mais informações
- O resultado é uma animação de pontos 16x16 criada com regras matemáticas simples
3 comentários
Que legalzinho
Uau...
Comentários no Hacker News
O Tixy é muito legal, então acabei fazendo algo parecido: https://muffinman.io/pulsar/
Eu queria criar animações para telas de matriz de LEDs, mas não consegui encontrar o tixy de novo, então criei o pulsar — e só depois o encontrei novamente
Outro projeto parecido, que usa sliders HTML, é https://sliderland.blinry.org/
Edit: ficou muito melhor colocando uma negação
Quando descobri o tixy pela primeira vez, alguns anos atrás, gostei tanto que, com a permissão do autor original, criei https://www.mathsuniverse.com/tixy, com quebra-cabeças que podem ser resolvidos na grade do tixy
Tenho usado com alunos de ciência da computação, e todos ficam bem envolvidos
É um jogo que faz esse mesmo tipo de coisa em 3D
Fiquei encantado ao ver as pequenas funções no início, e também fiz um clone parecido para experimentar o calculang [1]
Adicionei um recurso de avaliação (F9) que permite selecionar subexpressões e ver o que elas fazem, o que ajudou a entender os padrões. O vídeo está em [2]
[1] https://calculang-editables.netlify.app/tixyish
[2] https://www.youtube.com/watch?v=uXUd_-xrycs
É realmente divertido
Estou ajudando com a sintaxe, mas tentando segurar as dicas conceituais por enquanto
Gosto do feedback visual imediato
"(sin(i) * (x > 7)) - (i == 5) + (i == 20) + 0.5 * (i == 32)"não é a solução do quebra-cabeça 36Weeee: https://tixy.land/?code=sin%28x%29cos%28y%29%2Bcos%28x%29s...
Ataque de glóbulos brancos: https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bco...
Inspirado pelo tixy, criei um app de desenho com pincéis programáveis: https://fig.sonnet.io
Como a dinâmica das formas é baseada no tempo, e não em pressão ou inclinação, é preciso desenhar no ritmo, o que é bem divertido
Como ele funciona e como foi implementado está aqui: https://untested.sonnet.io/notes/fig-tree-brushes/
Gostei. Aqui vai um limpador de para-brisa
https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x
Basicamente parece um https://www.shadertoy.com/ para iniciantes
Bem do meu gosto
https://tixy.land/?code=%28%28t%2F4%2Batan2%28x-8%2Cy-7%29%2...
É um radar
O autor é Martin Kleppe, @aemkei no X, famoso por quines incríveis e várias magias em JS
https://aem1k.com/world/
https://aem1k.com/qlock/
Fiz algumas coisas como rabiscos enquanto esperava outra coisa
Essas restrições que estimulam a criatividade são muito boas
X Plus Star
https://tixy.land/?code=%28sin%28t0.8-sqrt%28%28x-7.5%29**...
Sin Sin
https://tixy.land/?code=sin%28sin%28i*sin%28t%2F10%29%29%29
Traffic
https://tixy.land/?code=sin%28iit*0.0005%29
Estrela de 5 pontas: https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%2...