16x16-Punktanimationen mit einfachen mathematischen Regeln

• tixy ist eine Seite für creative code golfing, auf der man mit nur einer kurzen Formel 16x16-Punktmuster und Animationen erzeugen kann
• Man hängt einen Ausdruck an (t,i,x,y) => an und definiert so mithilfe von Zeit- und Koordinatenwerten das Verhalten der Punkte auf dem Bildschirm
• Durch die Beschränkung auf 32 Zeichen oder weniger liegt der Fokus weniger auf komplexer Grafik als auf dem Experimentieren mit knappen mathematischen Regeln
• Wenn man auf die Punkte auf dem Bildschirm klickt, kann man zusätzliche Informationen sehen und die Beispiele direkt erkunden, um das Funktionsprinzip zu verstehen
• Da sich kleine Regeln sofort als visuelle Muster zeigen, kann man Code Golf und generative Kunst zugleich erleben

---

Wie man in tixy schreibt

• tixy versteht sich als „creative code golfing“
• Nutzer schreiben einen kurzen Ausdruck hinter (t,i,x,y) =>, um das Verhalten zu definieren
• Die Seite weist ausdrücklich auf die Begrenzung von 32 characters or less hin

Interaktion auf dem Bildschirm

• Klickt man auf die dots auf dem Bildschirm, erhält man weitere Informationen
• Die Ergebnisse sind 16x16-Punktanimationen, die aus einfachen mathematischen Regeln entstehen

[xcutz]

Beeindruckend.

[ng0301]

Wow ...

[GN⁺]

Meinungen auf Hacker News

• Tixy ist wirklich großartig, deshalb habe ich etwas Ähnliches selbst gebaut: https://muffinman.io/pulsar/
  Ich wollte Animationen für LED-Matrix-Displays erstellen, konnte tixy aber nicht wiederfinden, also habe ich pulsar gebaut – und es erst danach wiederentdeckt.
  Ein ähnliches Projekt mit HTML-Slidern gibt es auch: https://sliderland.blinry.org/

  • Erinnert das noch jemanden an das alte Sony-Logo: https://tixy.land/?code=y%3C7%26%26%28x%2Bsin%28y%29%3C6.4%2...
    Edit: Mit Negation sieht es deutlich besser aus
  • Falls du dwitter noch nicht gesehen hast, solltest du unbedingt bei https://www.dwitter.net vorbeischauen

• Als ich tixy vor ein paar Jahren zum ersten Mal entdeckt habe, fand ich es so toll, dass ich mit Erlaubnis des ursprünglichen Autors https://www.mathsuniverse.com/tixy gebaut habe – mit Rätseln, die man im tixy-Raster lösen kann.
  Ich nutze es mit Informatikstudierenden, und sie sind alle ziemlich vertieft dabei.

  • Erinnert mich an das kürzlich erschienene Replicube
    Ein Spiel, das dieselbe Art von Dingen in 3D macht
  • Eine wirklich großartige Art zu unterrichten.
    Die ersten kleinen Funktionen haben mich begeistert, und ich habe auch einen ähnlichen Nachbau erstellt, um mit calculang zu experimentieren [1].
    Ich habe eine Auswertungsfunktion (F9) hinzugefügt, mit der man Teilausdrücke auswählen und sehen kann, was sie tun; das half beim Erkennen der Muster. Ein Video gibt es unter [2].
    [1] https://calculang-editables.netlify.app/tixyish
    [2] https://www.youtube.com/watch?v=uXUd_-xrycs
  • Ich programmiere seit über 40 Jahren, und das fühlt sich wie eine der unterhaltsamsten Arten an, so etwas zu lernen.
    Es macht wirklich Spaß.
  • Mein 5-jähriges Kind kam ziemlich gut zurecht, bis es bei #7 hängen blieb.
    Bei der Syntax helfe ich, aber mit konzeptuellen Hinweisen will ich mich vorerst zurückhalten.
    Mir gefällt das unmittelbare visuelle Feedback.
  • Ich frage mich, warum "(sin(i) * (x > 7)) - (i == 5) + (i == 20) + 0.5 * (i == 32)" nicht die Lösung für Rätsel 36 ist.

• Weeee: https://tixy.land/?code=sin%28x%29cos%28y%29%2Bcos%28x%29s...
  Angriff weißer Blutkörperchen: https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bco...

• Inspiriert von tixy habe ich eine Zeichen-App mit programmierbaren Pinseln gebaut: https://fig.sonnet.io
  Die Dynamik der Formen basiert nicht auf Druck oder Neigung, sondern auf der Zeit; man muss also im Rhythmus zeichnen, was ziemlich viel Spaß macht.
  Wie sie funktioniert und wie sie implementiert ist, steht hier: https://untested.sonnet.io/notes/fig-tree-brushes/

• Gefällt mir. Hier ist ein Scheibenwischer.
  https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x

• Im Grunde fühlt es sich an wie https://www.shadertoy.com/ für Einsteiger.
  Genau mein Ding.

• https://tixy.land/?code=%28%28t%2F4%2Batan2%28x-8%2Cy-7%29%2...
  Das ist ein Radar.

  • Jetzt braucht es nur noch ein paar blinkende Punkte.

• Der Autor ist Martin Kleppe, @aemkei auf X, bekannt für erstaunliche Quines und diverse JS-Zaubereien.
  https://aem1k.com/world/
  https://aem1k.com/qlock/

• Ich habe ein paar davon als Kritzeleien gebaut, während ich auf etwas anderes gewartet habe.
  Einschränkungen, die Kreativität anregen, sind großartig.
  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

• Fünfzackiger Stern: https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%2...

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