Tixy is amazing! I built something very similar:<p><a href="https://muffinman.io/pulsar/" rel="nofollow">https://muffinman.io/pulsar/</a><p>I wanted to create animations for my LED matrix screen, and I couldn’t find tixy anywhere. Only after I built pulsar I found it again.<p>Another similar project is <a href="https://sliderland.blinry.org/" rel="nofollow">https://sliderland.blinry.org/</a> which uses HTML sliders.<p>Fun stuff!
I loved tixy when I first discovered it a few years ago so created this <a href="https://www.mathsuniverse.com/tixy" rel="nofollow">https://www.mathsuniverse.com/tixy</a> (with permission from the original author) with puzzles to solve on the tixy grid. I use it with my computer science students who get really into it.
I made a drawing app with programmable brushes inspired by tixy:<p><a href="https://fig.sonnet.io" rel="nofollow">https://fig.sonnet.io</a><p>It’s pretty fun because the shape dynamics are time, and not pressure/tilt based, so you need to draw in a rhythm.<p>Here’s how they work and how they’re implemented:<p><a href="https://untested.sonnet.io/notes/fig-tree-brushes/" rel="nofollow">https://untested.sonnet.io/notes/fig-tree-brushes/</a>
I love it! Here's a windscreen wiper.<p><a href="https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x" rel="nofollow">https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x</a>
Basically <a href="https://www.shadertoy.com/" rel="nofollow">https://www.shadertoy.com/</a> for dummies. Right up my alley haha ;)
The author is Martin Kleppe (@aemkei on X), famous for his incredible quines and other JS magic.<p><a href="https://aem1k.com/world/" rel="nofollow">https://aem1k.com/world/</a><p><a href="https://aem1k.com/qlock/" rel="nofollow">https://aem1k.com/qlock/</a>
I've made a few of these as doodles while waiting for other stuff. Great set of restrictions to inspire creativity.<p>X Plus Star
<a href="https://tixy.land/?code=%28sin%28t*0.8*-sqrt%28%28x-7.5%29**2%2B%28y-7.5%29**2%29%29%29**1.2" rel="nofollow">https://tixy.land/?code=%28sin%28t*0.8*-sqrt%28%28x-7.5%29**...</a><p>Sin Sin
<a href="https://tixy.land/?code=sin%28sin%28i*sin%28t%2F10%29%29%29" rel="nofollow">https://tixy.land/?code=sin%28sin%28i*sin%28t%2F10%29%29%29</a><p>Traffic
<a href="https://tixy.land/?code=sin%28i*i*t*0.0005%29" rel="nofollow">https://tixy.land/?code=sin%28i*i*t*0.0005%29</a>
Love it, simple & cool :)<p><a href="https://tixy.land/?code=(y%2Fi*y%2Fsin(x%2Bt))*max(cos(t)%2C0.5)" rel="nofollow">https://tixy.land/?code=(y%2Fi*y%2Fsin(x%2Bt))*max(cos(t)%2C...</a>
Previous discussion with patterns in comments: <a href="https://news.ycombinator.com/item?id=24974534">https://news.ycombinator.com/item?id=24974534</a>
Similar project, but based on Forth: <a href="https://forthsalon.appspot.com/" rel="nofollow">https://forthsalon.appspot.com/</a>
A lot of these tricks I first learned from Noah Spurrier’s acidwarp.exe VGA demos in the 90s.<p>Now I’m wondering who first published these trig function pixel paint tricks. Somewhere between HAKMEM munching squares and the 80s demoscene?
Ah, man, with the colors, I thought this was obvious, but it doesn't quite fit the url. But you can still copy, paste in the box:<p>(1-sqrt(pow(7.5-x,2)+pow(7.5-y,2))/8)*(y-7.5)<p>Pokeball.<p><i>edit</i> Actually, there's no fixed length, so
<a href="https://tixy.land/?code=%281-sqrt%28pow%287.5-x%2C2%29%2Bpow%287.5-y%2C2%29%29%2F8%29*%28y-7.5%29" rel="nofollow">https://tixy.land/?code=%281-sqrt%28pow%287.5-x%2C2%29%2Bpow...</a>
That's fantastic!<p>I would love something like this in my living room. Especially if it is not just a screen. Maybe a grid of 256 screens? Or inflating balloons? Something easier to make? Just on/off big pixels?
I like this creation of mine:<p><a href="https://tixy.land/?code=sin%28t*x%29%2Bi%2F256" rel="nofollow">https://tixy.land/?code=sin%28t*x%29%2Bi%2F256</a>
ChatGPT had some nice ideas, e.g.<p><a href="https://tixy.land/?code=Math.sin%28t+%2B+Math.atan2%28y+-+7.5%2C+x+-+7.5%29+%2B+Math.hypot%28x+-+7.5%2C+y+-+7.5%29%29" rel="nofollow">https://tixy.land/?code=Math.sin%28t+%2B+Math.atan2%28y+-+7....</a>
<a href="https://tixy.land/?code=%28%28x%2Bt%29%5E%28t%7Cy*t%29%29%25%289*tan%28t%2F9%29%29-.5" rel="nofollow">https://tixy.land/?code=%28%28x%2Bt%29%5E%28t%7Cy*t%29%29%25...</a><p>Strobe warning, especially after about 20 seconds.
Wow this is extremely well done! All the defaults are chosen so well to make simple inputs get pretty results. The interpretation of the result value, the scale of `t`, the colors, it's all not trivial at all to get right! Hats off
If you like this, also check 3d animations on a led cube. <a href="https://m.youtube.com/watch?v=odFljHeCNaY" rel="nofollow">https://m.youtube.com/watch?v=odFljHeCNaY</a>
When this was first released, I put together an homage to the music video for “Fell In Love With A Girl” by The White Stripes.<p><a href="https://tixy.land/?code=floor(t%256)%20%3D%3D%3D%200%20%3F%0A%5B5%2C6%2C9%2C22%2C25%2C41%2C39%2C136%2C152%2C116%2C131%2C208%2C224%2C240%2C149%2C192%2C225%2C241%2C242%2C195%2C155%2C198%2C200%5D.includes(i)%20%3F%200%20%3A%0A%5B118%2C119%2C120%2C121%2C122%2C138%2C139%2C137%2C135%2C134%2C133%2C132%2C148%2C163%2C164%2C165%2C180%2C172%2C156%2C171%2C170%2C154%2C186%2C169%2C185%2C184%2C201%2C199%2C197%2C182%2C181%5D.includes(i)%20%3F%20-1%20%3A%0A%5B1%2C7%2C13%2C23%2C38%2C37%2C21%2C20%2C33%2C35%2C26%2C42%2C43%2C77%2C54%2C69%2C67%2C65%2C101%2C117%2C103%2C104%2C105%2C106%2C107%2C123%2C140%2C157%2C162%2C177%2C178%2C194%2C150%2C166%2C129%2C146%2C161%2C179%2C176%2C209%2C226%2C243%2C211%2C196%2C212%2C213%2C214%2C215%2C216%2C217%2C202%2C203%2C187%2C183%2C168%2C153%2C248%2C252%5D.includes(i)%20%3F%200.3%20%3A%201%0A%3A%20floor(t%256)%20%3D%3D%3D%201%20%3F%0A%5B224%2C240%2C6%2C52%2C69%2C86%2C70%2C54%2C39%2C55%2C71%2C87%2C103%2C72%2C90%2C75%2C166%2C183%2C184%2C186%2C189%2C204%2C203%2C202%2C201%2C200%2C199%2C251%5D.includes(i)%20%3F%200%20%3A%0A%5B197%2C152%2C153%2C154%2C155%2C156%2C182%2C198%2C214%2C229%2C230%2C246%2C247%2C248%2C231%2C232%2C233%2C234%2C235%2C236%2C237%2C220%2C221%2C222%2C252%2C250%2C205%2C206%2C190%2C188%2C172%2C173%2C171%2C170%2C169%2C168%2C167%5D.includes(i)%20%3F%20-1%20%3A%0A%5B1%2C33%2C65%2C129%2C193%2C241%2C3%2C67%2C131%2C133%2C181%2C165%2C163%2C5%2C7%2C9%2C13%2C15%2C21%2C22%2C37%2C36%2C53%2C68%2C84%2C85%2C101%2C102%2C56%2C88%2C104%2C105%2C74%2C59%2C150%2C151%2C136%2C137%2C138%2C139%2C249%2C245%2C244%2C228%2C212%2C213%2C196%2C215%2C218%2C219%2C238%2C254%2C253%2C185%2C187%2C174%5D.includes(i)%20%3F%200.3%20%3A%201%0A%3A%20floor(t%256)%20%3D%3D%3D%202%20%3F%0A%5B240%2C224%2C225%2C226%2C210%2C209%2C208%2C192%2C193%2C194%2C176%2C160%2C144%2C145%2C129%0A%5D.includes(i)%20%3F%20-1%20%3A%0A%5B113%2C130%2C146%2C147%2C245%2C215%2C231%2C232%2C248%2C249%2C202%2C218%2C219%2C236%2C253%2C223%2C206%2C189%2C188%2C159%2C175%2C174%2C191%5D.includes(i)%20%3F%201%20%3A%0A%5B128%2C112%2C114%2C131%2C162%2C177%2C241%2C228%2C244%2C181%2C230%2C246%2C247%2C216%2C185%2C201%2C217%2C233%2C234%2C235%2C250%2C251%2C252%2C187%2C203%2C204%2C220%2C205%2C221%2C222%2C237%2C238%2C239%2C254%2C255%2C172%2C173%2C157%2C158%2C190%2C207%2C125%2C95%5D.includes(i)%20%3F%200.3%20%3A%200%0A%3A%20floor(t%256)%20%3D%3D%3D%203%20%3F%0A%5B31%2C63%2C127%2C243%2C228%2C212%2C196%2C195%2C194%2C197%2C181%2C180%2C179%2C178%2C177%2C162%2C163%2C164%2C148%2C147%2C146%2C145%2C130%2C131%2C114%2C115%2C116%2C100%2C84%5D.includes(i)%20%3F%20-1%20%3A%0A%5B159%2C175%2C174%2C223%2C206%2C205%2C189%2C188%2C254%2C253%2C252%2C236%2C235%2C219%2C218%2C202%2C248%2C249%2C232%2C231%2C215%2C245%2C85%2C70%2C132%2C133%2C149%2C150%5D.includes(i)%20%3F%201%20%3A%0A%5B95%2C191%2C190%2C207%2C158%2C157%2C173%2C172%2C187%2C203%2C204%2C220%2C221%2C222%2C237%2C238%2C239%2C255%2C185%2C201%2C217%2C216%2C233%2C234%2C250%2C251%2C230%2C246%2C247%2C244%2C241%2C211%2C69%2C86%2C117%2C134%5D.includes(i)%20%3F%200.3%20%3A%200%0A%3A%20floor(t%256)%20%3D%3D%3D%204%20%3F%0A%5B200%2C198%2C182%2C166%2C169%2C168%2C184%2C152%2C151%2C135%2C136%2C119%2C103%2C102%2C88%2C72%2C73%2C89%5D.includes(i)%20%3F%20-1%20%3A%0A%5B159%2C175%2C223%2C254%2C253%2C236%2C235%2C219%2C218%2C202%2C188%2C189%2C205%2C206%2C174%2C231%2C232%2C248%2C249%2C245%2C104%2C41%2C42%5D.includes(i)%20%3F%201%20%3A%0A%5B95%2C191%2C207%2C239%2C255%2C238%2C237%2C222%2C221%2C220%2C204%2C203%2C187%2C190%2C158%2C157%2C173%2C172%2C252%2C251%2C250%2C234%2C233%2C217%2C201%2C185%2C215%2C230%2C246%2C247%2C228%2C244%2C241%2C87%2C105%2C121%2C120%2C57%2C25%2C26%2C183%2C181%2C153%5D.includes(i)%20%3F%200.3%20%3A%200%0A%3A%0A%5B30%2C29%2C45%2C46%2C62%2C95%2C75%2C91%2C92%2C108%2C109%2C110%2C126%2C124%2C123%2C141%2C140%2C139%2C138%2C153%2C154%2C155%2C157%2C170%5D.includes(i)%20%3F%20-1%20%3A%0A%5B61%2C60%2C59%2C78%2C94%2C159%2C175%2C174%2C188%2C189%2C206%2C223%2C253%2C236%2C219%2C218%2C202%2C249%2C248%2C232%2C231%2C215%2C245%5D.includes(i)%20%3F%201%20%3A%0A%5B14%2C15%2C44%2C76%2C77%2C93%2C125%2C158%2C172%2C185%2C187%2C190%2C191%2C207%2C203%2C204%2C205%2C220%2C221%2C222%2C237%2C238%2C239%2C254%2C255%2C201%2C217%2C216%2C233%2C234%2C235%2C251%2C250%2C252%2C247%2C246%2C230%2C228%2C244%2C181%2C241%5D.includes(i)%20%3F%200.3%20%3A%200" rel="nofollow">https://tixy.land/?code=floor(t%256)%20%3D%3D%3D%200%20%3F%0...</a>
I feel so dumb. How can I make this zoom centered on the grid?<p><a href="https://tixy.land/?code=Math.sin%28x*t%29%2BMath.cos%28y*t%29" rel="nofollow">https://tixy.land/?code=Math.sin%28x*t%29%2BMath.cos%28y*t%2...</a>