Animation en pixels 16x16 créée avec une simple règle mathématique

• tixy est une page de creative code golfing qui permet de créer des motifs et animations en pixels 16x16 à partir d’une seule courte formule
• Le principe consiste à ajouter une expression après (t,i,x,y) =>, afin de définir le comportement des points à l’écran à l’aide du temps et des coordonnées
• La contrainte de 32 caractères maximum met l’accent sur l’expérimentation de règles mathématiques concises plutôt que sur des graphismes complexes
• En cliquant sur les points à l’écran, on peut voir des informations supplémentaires et explorer directement les exemples pour comprendre leur fonctionnement
• Comme de petites règles se traduisent immédiatement en motifs visuels, l’expérience combine code golf et art génératif

---

Mode d’écriture de tixy

• tixy se présente comme du « creative code golfing »
• L’utilisateur écrit une courte expression après (t,i,x,y) => pour définir le comportement
• La page indique une limite de 32 characters or less

Interaction avec l’écran

• En cliquant sur les dots à l’écran, on peut voir davantage d’informations
• Le résultat prend la forme d’une animation en pixels 16x16 créée à partir de règles mathématiques simples

[xcutz]

C'est fascinant.

[ng0301]

Waouh...

[GN⁺]

Avis sur Hacker News

• Tixy est vraiment génial, alors j’ai fait quelque chose de similaire moi-même : https://muffinman.io/pulsar/
  Je voulais créer des animations pour un écran à matrice de LED, mais je n’arrivais plus à retrouver tixy, donc j’ai créé pulsar, et ce n’est qu’après l’avoir fait que je l’ai retrouvé
  Il y a aussi https://sliderland.blinry.org/, un projet similaire qui utilise des sliders HTML

  • Je ne suis pas le seul à qui ça rappelle l’ancien logo Sony : https://tixy.land/?code=y%3C7%26%26%28x%2Bsin%28y%29%3C6.4%2...
    Modification : c’est bien mieux en ajoutant une négation
  • Si vous n’avez pas encore vu dwitter, allez absolument faire un tour sur https://www.dwitter.net

• Quand j’ai découvert tixy pour la première fois il y a quelques années, j’ai tellement aimé que, avec l’autorisation de l’auteur original, j’ai créé https://www.mathsuniverse.com/tixy, avec des énigmes à résoudre dans la grille tixy
  Je l’utilise avec des étudiants en informatique, et ils accrochent plutôt bien

  • Ça me fait penser à Replicube, sorti récemment
    Un jeu qui fait le même genre de choses en 3D
  • C’est une façon vraiment géniale d’enseigner
    Les premières petites fonctions m’ont bluffé, et j’ai aussi créé un clone similaire pour expérimenter avec calculang [1]
    J’ai ajouté une fonction d’évaluation (F9) qui permet de sélectionner une sous-expression pour voir ce qu’elle fait, ce qui aide à comprendre les motifs. La vidéo est en [2]
    [1] https://calculang-editables.netlify.app/tixyish
    [2] https://www.youtube.com/watch?v=uXUd_-xrycs
  • Je programme depuis plus de 40 ans, et c’est l’une des façons d’apprendre ce genre de choses que je trouve les plus amusantes
    C’est vraiment amusant
  • Mon enfant de 5 ans s’en sortait plutôt bien jusqu’à rester bloqué au #7
    Je l’aide pour la syntaxe, mais j’essaie de me retenir de donner des indices conceptuels pour le moment
    J’aime le retour visuel immédiat
  • Je me demande pourquoi "(sin(i) * (x > 7)) - (i == 5) + (i == 20) + 0.5 * (i == 32)" n’est pas la solution de l’énigme 36

• Weeee : https://tixy.land/?code=sin%28x%29cos%28y%29%2Bcos%28x%29s...
  Attaque de globules blancs : https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bco...

• Inspiré par tixy, j’ai créé une application de dessin avec des pinceaux programmables : https://fig.sonnet.io
  La dynamique des formes étant basée sur le temps plutôt que sur la pression ou l’inclinaison, il faut dessiner en rythme, ce qui est assez amusant
  Son fonctionnement et son implémentation sont ici : https://untested.sonnet.io/notes/fig-tree-brushes/

• J’aime bien. Voici des essuie-glaces
  https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x

• En gros, ça fait penser à https://www.shadertoy.com/ pour débutants
  Exactement mon truc

• https://tixy.land/?code=%28%28t%2F4%2Batan2%28x-8%2Cy-7%29%2...
  C’est un radar

  • Il ne reste plus qu’à ajouter quelques points clignotants

• L’auteur est Martin Kleppe, @aemkei sur X, connu pour ses quines incroyables et diverses magies JS
  https://aem1k.com/world/
  https://aem1k.com/qlock/

• J’en ai fait quelques-uns comme des gribouillages en attendant autre chose
  Les contraintes qui stimulent la créativité sont excellentes
  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

• Étoile à 5 branches : https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%2...

  • Deux serpents : https://tixy.land/?code=exp%28-%28%28x-7%29**2%29%2F12%29*si...