- tixy es una página de creative code golfing para crear patrones de puntos 16x16 y animaciones con una sola fórmula corta
- Funciona agregando una expresión después de
(t,i,x,y) =>, definiendo así el comportamiento de los puntos en pantalla usando valores de tiempo y coordenadas - Tiene la restricción de 32 caracteres o menos, por lo que se enfoca en experimentar con reglas matemáticas concisas más que con gráficos complejos
- Al hacer clic en los puntos de la pantalla se puede ver información adicional, lo que permite explorar ejemplos directamente y entender cómo funcionan
- Como las reglas pequeñas se reflejan de inmediato en patrones visuales, ofrece una experiencia que combina code golf y arte generativo
Cómo se escribe en tixy
- tixy se presenta como “creative code golfing”
- El usuario define el comportamiento escribiendo una expresión corta después de
(t,i,x,y) => - La página indica el límite de 32 characters or less
Interacción en pantalla
- Al hacer clic en los dots de la pantalla se puede ver más información
- El resultado es una animación de puntos 16x16 creada con reglas matemáticas simples
3 comentarios
Qué curioso.
Vaya...
Opiniones de Hacker News
Tixy me pareció realmente genial, así que hice algo similar por mi cuenta: https://muffinman.io/pulsar/
Quería crear animaciones para una pantalla de matriz LED, pero no pude volver a encontrar tixy, así que hice pulsar, y solo después de terminarlo lo encontré de nuevo.
También hay un proyecto parecido que usa sliders HTML: https://sliderland.blinry.org/
Edición: con una negación queda mucho mejor.
Cuando descubrí tixy por primera vez hace unos años me gustó tanto que, con permiso del autor original, hice https://www.mathsuniverse.com/tixy, con puzzles que se pueden resolver en la grilla de tixy.
Lo uso con estudiantes de ciencias de la computación y todos se enganchan bastante.
Es un juego que hace el mismo tipo de cosas en 3D.
Al principio me sorprendieron esas pequeñas funciones, y también hice un clon parecido para experimentar con calculang [1].
Agregué una función de evaluación (F9) que permite seleccionar subexpresiones y ver qué hacen, y eso ayudaba a entender los patrones. El video está en [2].
[1] https://calculang-editables.netlify.app/tixyish
[2] https://www.youtube.com/watch?v=uXUd_-xrycs
De verdad es divertido.
Le estoy ayudando con la sintaxis, pero por ahora intento contenerme con las pistas conceptuales.
Me encanta el feedback visual inmediato.
"(sin(i) * (x > 7)) - (i == 5) + (i == 20) + 0.5 * (i == 32)"no es la solución del puzzle 36.Weeee: https://tixy.land/?code=sin%28x%29cos%28y%29%2Bcos%28x%29s...
Ataque de glóbulos blancos: https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bco...
Inspirado por tixy, hice una app de dibujo con pinceles programables: https://fig.sonnet.io
Como la dinámica de las formas se basa en el tiempo y no en la presión o la inclinación, hay que dibujar siguiendo el ritmo, y eso la hace bastante divertida.
Aquí está cómo funciona y cómo está implementada: https://untested.sonnet.io/notes/fig-tree-brushes/
Me gusta. Aquí hay un limpiaparabrisas.
https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x
Básicamente se siente como https://www.shadertoy.com/ para principiantes.
Justo de mi estilo.
https://tixy.land/?code=%28%28t%2F4%2Batan2%28x-8%2Cy-7%29%2...
Es un radar.
El autor es Martin Kleppe, @aemkei en X, conocido por sus quines increíbles y varias magias en JS.
https://aem1k.com/world/
https://aem1k.com/qlock/
Hice algunos garabatos mientras esperaba otra cosa.
Las restricciones que estimulan la creatividad son excelentes.
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
Estrella de 5 puntas: https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%2...