簡単な数学ルールで作る16x16ドットアニメーション

• tixyは、短い数式ひとつで16x16のドットパターンとアニメーションを作るcreative code golfingページ
• (t,i,x,y) => の後ろに式を付ける方式で、時間と座標の値を使って画面上の点の動きを定義する
• 32文字以下という制約があり、複雑なグラフィックよりも簡潔な数学ルールを試すことに焦点がある
• 画面上の点をクリックすると追加情報を見られ、例を直接たどりながら動作原理を確認できる
• 小さなルールが視覚的パターンとしてすぐに現れるため、コードゴルフとジェネラティブアートを一緒に体験できる形になっている

---

tixyの書き方

• tixyは「creative code golfing」を掲げている
• ユーザーは (t,i,x,y) => の後ろに短い式を書いて動作を定義する
• ページには 32 characters or less の制限が明記されている

画面のインタラクション

• 画面の dots をクリックすると、さらに多くの情報を見られる
• 結果は、簡単な数学ルールで作られた 16x16ドットアニメーション になる

[xcutz]

すごいですね

[ng0301]

わあ…

[GN⁺]

Hacker News の意見

• Tixy が本当に素晴らしかったので、似たものを自分で作った: https://muffinman.io/pulsar/
  LED マトリックス画面用のアニメーションを作りたかったのだけれど、tixy をもう一度見つけられなかったので pulsar を作り、作った後でようやく再発見した
  似たプロジェクトとして、HTML スライダーを使う https://sliderland.blinry.org/ もある

  • 昔の Sony ロゴを思い出す人はいないかな: https://tixy.land/?code=y%3C7%26%26%28x%2Bsin%28y%29%3C6.4%2...
    追記: 否定を入れたらずっと良くなった
  • まだ dwitter を見たことがないなら、ぜひ https://www.dwitter.net に行ってみるといい

• 数年前に tixy を初めて見つけたときにすごく気に入って、原作者の許可を得て、tixy のグリッドで解けるパズルを入れた https://www.mathsuniverse.com/tixy を作った
  コンピューターサイエンスの学生たちと使っているが、みんなかなり夢中になっている

  • 最近リリースされた Replicube を思い出す
    同じようなことを 3D でやるゲーム
  • 教えるには本当に素晴らしいやり方
    最初に小さな関数群を見て感心し、calculang を試すために似たクローンも作った [1]
    部分式を選択して何をしているか見られる 評価機能（F9） を追加したところ、パターンを把握する助けになった。動画は [2] にある
    [1] https://calculang-editables.netlify.app/tixyish
    [2] https://www.youtube.com/watch?v=uXUd_-xrycs
  • 40年以上プログラミングをしてきたが、こういうものを学ぶ方法の中でいちばん楽しいと感じる
    本当に楽しい
  • 5歳の子が #7 で詰まるまではかなりうまく解いていた
    構文は手伝っているが、概念的なヒントはしばらく我慢しようとしている
    即時の視覚フィードバックが気に入っている
  • なぜ "(sin(i) * (x > 7)) - (i == 5) + (i == 20) + 0.5 * (i == 32)" が パズル 36 の答えではないのか気になる

• Weeee: https://tixy.land/?code=sin%28x%29cos%28y%29%2Bcos%28x%29s...
  白血球の攻撃: https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bco...

• tixy に触発されて、プログラム可能なブラシのあるドローイングアプリを作った: https://fig.sonnet.io
  図形のダイナミクスが筆圧や傾きではなく時間ベースなので、リズムに乗って描く必要があり、なかなか面白い
  動作の仕組みと実装方法はここにある: https://untested.sonnet.io/notes/fig-tree-brushes/

• 気に入った。ここにフロントガラスのワイパーがある
  https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x

• 基本的には初心者向けの https://www.shadertoy.com/ みたいな感じ
  まさに自分好み

• https://tixy.land/?code=%28%28t%2F4%2Batan2%28x-8%2Cy-7%29%2...
  レーダーだ

  • あとは点滅する点をいくつか追加すればよさそう

• 作者は Martin Kleppe、X では @aemkei で、驚くべきクワインや数々の JS マジックで知られている
  https://aem1k.com/world/
  https://aem1k.com/qlock/

• 何かを待っている間に、落書きのようにいくつか作ってみた
  創造性を刺激する制約がとても良い
  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

• 五芒星: https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%2...

  • 2匹のヘビ: https://tixy.land/?code=exp%28-%28%28x-7%29**2%29%2F12%29*si...