7 ms·

A simple 16x16 dot animation from simple math rules

539 points by andrewrn 1y ago

asicsp 1y ago
Previous discussion with patterns in comments: https://news.ycombinator.com/item?id=24974534 https://news.ycombinator.com/item?id=24974534
bingrrr 1y ago
great
rpastuszak 1y ago
I made a drawing app with programmable brushes inspired by tixy: https://fig.sonnet.io https://fig.sonnet.io It’s pretty fun because the shape dynamics are time, and not pressure/tilt based, so you need to draw in a rhythm. Here’s how they work and how they’re implemented: https://untested.sonnet.io/notes/fig-tree-brushes/ https://untested.sonnet.io/notes/fig-tree-brushes/
spencerflem 1y ago
this is beautiful. i love it so much :)
jakegmaths 1y ago
I loved tixy when I first discovered it a few years ago so created this https://www.mathsuniverse.com/tixy https://www.mathsuniverse.com/tixy (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.
- soegaard 1y ago
  Well done!
- dndn1 1y ago
  This is a cool way to teach! I was blown away by the little functions at first and I too made a clone to experiment with calculang [1]. I added an evaluation feature (F9) so you can select sub-expressions and see what they do, which was helpful to figure out some patterns (video in [2]) [1] https://calculang-editables.netlify.app/tixyish https://calculang-editables.netlify.app/tixyish [2] https://www.youtube.com/watch?v=uXUd_-xrycs https://www.youtube.com/watch?v=uXUd_-xrycs
- oneeyedpigeon 1y ago
  Reminds me of [Replicube](https://store.steampowered.com/app/3401490/Replicube/ https://store.steampowered.com/app/3401490/Replicube/), which has released recently and does the same kind of thing in 3D.
  - tonetheman 1y ago
    [dead]
- chrisjj 1y ago
  > In computer graphics, the origin (0, 0) is top-left rather than bottom-left Umm...
  - LocalH 1y ago
    What's wrong with that statement? It has historically and traditionally been true for raster displays, even if there do exist ways to use standard Cartesian-style coordinates with a computer.
    - taneq 1y ago
      There top left has usually been (0, 0) for hardware pixel coordinates (although even then there’s plenty of exceptions, e.g. mode 13h scrolling) but as a blanket statement about computer graphics in general it’s misleading.
      - levzzz 1y ago
        [dead]
  - jakegmaths 1y ago
    I'm struggling to see the problem with this statement, other than maybe to add in the word "usually". My students will know of graphs in maths where the origin is always bottom left. When working with HTML canvas and every other computer graphics situation I've worked in, it's top left instead.
    - ForOldHack 1y ago
      "PostScript uses a coordinate system where the origin is at the bottom-left corner of the page, with the x-axis increasing to the right and the y-axis increasing upwards." Oscilloscopes use middle-left. Unreal engine and SketchUp use Screen middle with xy increasing to the right. in AutoCAD, the user coordinate system is 1/3 of the screen to the left for the origin, with X increasing to the right, and Y increasing upwards. Almost all raster displays, and memory based programs assume top left, because that is how it was done first - counter intuitive.
- acomjean 1y ago
  Fun. Thanks! Works well on phone. The phone keyboard is a bit clumsy but it works (that’s a phone issue)
- frogarden 1y ago
  Why isn't "(sin(i) * (x > 7)) - (i == 5) + (i == 20) + 0.5 * (i == 32)" a solution to puzzle 36?
- PebblesRox 1y ago
  My 5yo did great on these until he hit #7 and got stuck! I’m helping him with syntax but trying to hold back from giving conceptual hints for now. I love the instant visual feedback!
- xunil2ycom 1y ago
  I've been programming for over 40 years, and I can say this is the most fun way I've experienced to learn this kind of thing. It really is fun.
antirez 1y ago
The classic: sin(x/2+t)+cos(y/2+sin(t))
- gus_massa 1y ago
  Link for the lazy: https://tixy.land/?code=sin%28x%2F2%2Bt%29%2Bcos%28y%2F2%2Bsin%28t%29%29 https://tixy.land/?code=sin%28x%2F2%2Bt%29%2Bcos%28y%2F2%2Bs...
tetris11 1y ago
https://tixy.land/?code=x-y*y%2Ft%2F5 https://tixy.land/?code=x-y*y%2Ft%2F5 'Vanishing Curve'
fulafel 1y ago
Cool stuff. Learned by scrolling far enough right in view source: The last line is editable and eval'd. Request to author: keep the newlines.
- Jyaif 1y ago
  > The last line is editable and eval'd Right. https://tixy.land/?code=alert(%22foo%22) https://tixy.land/?code=alert(%22foo%22)
  - oliviergg 1y ago
    That’s not nice
    - noman-land 1y ago
      What's not nice is not sanitizing inputs.
shakedownstreet 1y ago
Love it, simple & cool :) https://tixy.land/?code=(y%2Fi*y%2Fsin(x%2Bt))*max(cos(t)%2C0.5) https://tixy.land/?code=(y%2Fi*y%2Fsin(x%2Bt))*max(cos(t)%2C...
continuational 1y ago
Fun! https://tixy.land/?code=sin%28i%2Bt%29 https://tixy.land/?code=sin%28i%2Bt%29
- _def 1y ago
  i don't even know whats happening but its mesmerizing https://tixy.land/?code=sin%28i*t%2F128%29 https://tixy.land/?code=sin%28i*t%2F128%29
  - Sharlin 1y ago
    It draws a slightly tilted sine wave gradient (i=16y+x so atan(1/16) ≈ 3.6°) whose frequency increases until it starts to alias due ro the limited resolution (cf. Nyquist sampling theorem) and exhibit what’s essentially the wagon wheel effect [1]. Nice illustration of signal processing fundamentals! [1] https://en.m.wikipedia.org/wiki/Wagon-wheel_effect https://en.m.wikipedia.org/wiki/Wagon-wheel_effect
GenshoTikamura 1y ago
Would be cool to implement this physically as an array of iris diaphragms
tgv 1y ago
I’m considering that as a load screen animation. Bunch of different functions, and the user will be entertained.
Isognoviastoma 1y ago
https://tixy.land/?code=%28%28t%2F4%2Batan2%28x-8%2Cy-7%29%2F6%29%251-1%29**5 https://tixy.land/?code=%28%28t%2F4%2Batan2%28x-8%2Cy-7%29%2... a radar
- nomel 1y ago
  now to add a few blips!
Jyaif 1y ago
https://tixy.land/?code=-.5%2B%28x%5Ey%29%25%283*Math.sin%28t%2F9%29%29 https://tixy.land/?code=-.5%2B%28x%5Ey%29%25%283*Math.sin%28...
- flufluflufluffy 1y ago
  This one is sick!
  - jlundberg 1y ago
    oh yes, highly recommended! :)
- Lerc 1y ago
  I managed to come up with a suffix that displays outputs of my own weird thing in a tixy style. https://c50.fingswotidun.com/show/?code=28*ddx*%24%3Ay*%243ot9%2Fc3*%251-*9%2F2%3C02-%3EP8*du*s%3Av*s\ https://c50.fingswotidun.com/show/?code=28*ddx*%24%3Ay*%243o...* Quite a fun challenge. The Suffix is 2<02->P8dus:vs which is 2<02-> clip to -2 to +2 P8*d 2 copies of 8*PI u*s 8 horizontal sine :v*s 8 vertical sine * mix horz and vert to make the tixy circles.
Nautman 1y ago
I love it! Here's a windscreen wiper. https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x
deleted 1y ago
[deleted]
alexilchenko 1y ago
spiral: https://tixy.land/?code=hypot%28x-%3D7%2Cy-%3D7%29%2Batan2%28y%2Cx%29-t https://tixy.land/?code=hypot%28x-%3D7%2Cy-%3D7%29%2Batan2%2...
deleted 1y ago
[deleted]
xanlack 1y ago
really impressive, keep up the good work
tjwds 1y ago
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. 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 https://tixy.land/?code=floor(t%256)%20%3D%3D%3D%200%20%3F%0...
alexilchenko 1y ago
5 fold star: https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%29 https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%2...
- alexilchenko 1y ago
  Two snakes: https://tixy.land/?code=exp%28-%28%28x-7%29**2%29%2F12%29*sin%28%28y-7%29%2F2-t%29%09-sin%28%28h%3Dhypot%28x-%3D7%2Cy-%3D7%29-5%29%29*exp%28-h*h%2F9%29*cos%28atan2%28y%2Cx%29%2Bt%29 https://tixy.land/?code=exp%28-%28%28x-7%29**2%29%2F12%29*si...
alexilchenko 1y ago
That's no moon! https://tixy.land/?code=%28%28d%3D36-%28x-%3D7%29**2-%28y-%3D7%29**2%29%3C%3D0%3F0.05%3A-%28x*.3%2By*.3%2Bsqrt%28d%29%29%2F6%29 https://tixy.land/?code=%28%28d%3D36-%28x-%3D7%29**2-%28y-%3...
nopakos 1y ago
That's fantastic! 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?
chrisjj 1y ago
> // hit "enter" to save in URL There's no enter on Android Chrome on phone.
- dtagames 1y ago
  The enter key on the phone keyboard works if you tap that message.
mckeed 1y ago
Centered circle wave: https://tixy.land/?code=Math.sin%28-2*t%2B0.045*%28x-7.5%29*%28x-7.5%29%2B0.045*%28y-7.5%29*%28y-7.5%29%29 https://tixy.land/?code=Math.sin%28-2*t%2B0.045*%28x-7.5%29*...
- flockonus 1y ago
  Cool! I can see it being usable as a spinner as well. How did you come up with these magic numbers?
Tepix 1y ago
I like this creation of mine: https://tixy.land/?code=sin%28t*x%29%2Bi%2F256 https://tixy.land/?code=sin%28t*x%29%2Bi%2F256
animal531 1y ago
Weeee: https://tixy.land/?code=sin%28x%29*cos%28y%29%2Bcos%28x%29*sin%28y%29%2Bsin%28t*2%29 https://tixy.land/?code=sin%28x%29*cos%28y%29%2Bcos%28x%29*s... White blood cells attack: https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bcos%28y*t%29%2Bt%2F0.7 https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bco...
rubitxxx 1y ago
Here’s a wild ride: https://tixy.land/?code=Math.sin%28y%2Bi%2Ft%29%2BMath.cos%28t%2Fx%29 https://tixy.land/?code=Math.sin%28y%2Bi%2Ft%29%2BMath.cos%2...
curtisszmania 1y ago
[dead]
siev 1y ago
Beating heart: https://tixy.land/?code=%28x%2F7.5-1%29**2%2B%28y%2F7.5-1%29**2-sin%28t%29 https://tixy.land/?code=%28x%2F7.5-1%29**2%2B%28y%2F7.5-1%29...
siraben 1y ago
candy waves on a shore: https://tixy.land/?code=sin%28i*t%2F128%29 https://tixy.land/?code=sin%28i*t%2F128%29 candy lasers redux: https://tixy.land/?code=0.2%2Bsin%28i*t%2F64%29%2B.3*sin%288*sqrt%28x*x%2By*y%29-t%29 https://tixy.land/?code=0.2%2Bsin%28i*t%2F64%29%2B.3*sin%288...
levzettelin 1y ago
Basically https://www.shadertoy.com/ https://www.shadertoy.com/ for dummies. Right up my alley haha ;)
ninetyninenine 1y ago
Is there a pattern or animation you can manually animate on those dots that can’t be represented by an equation?
- echoangle 1y ago
  If the animation is finite in time and with finite time steps and sample points, I think no. Because you can fit a polygon through any set of points if the polygon has enough dimensions.
gus_massa 1y ago
red traffic light https://tixy.land/?code=%28floor%28t%29%252%29%3F0%3A-cos%28sqrt%28%28x-7.5%29**2%2B%28y-7.5%29**2%29%2F6%29 https://tixy.land/?code=%28floor%28t%29%252%29%3F0%3A-cos%28...
rel_ic 1y ago
https://tixy.land/?code=sin%28t*sin%28t%29%2F9-x%29*sin%28t-y%2Bx%2F9%29 https://tixy.land/?code=sin%28t*sin%28t%29%2F9-x%29*sin%28t-...
stankot 1y ago
Tixy is amazing! I built something very similar: https://muffinman.io/pulsar/ https://muffinman.io/pulsar/ 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. Another similar project is https://sliderland.blinry.org/ https://sliderland.blinry.org/ which uses HTML sliders. Fun stuff!
- leptons 1y ago
  If you haven't seen dwitter yet, you really should head over to https://www.dwitter.net https://www.dwitter.net
  - virtualritz 1y ago
    This is awesome. But it needs a better renderer. Almost every animation/image there suffers from horrible moiré because a normal browser canvas was not meant for this. Fine line art needs supersampling and high quality filtering.
    - leptons 1y ago
      You're complaining about a small subset of "dweets" there. There are thousands of great visuals there that are not "fine line art" and do not suffer from what you described. And no, I do not think it "needs a better renderer" as high quality "rendering" is not the point of dwitter.net, the point is producing amazing things in 140 characters of javascript.
- montag 1y ago
  Anybody else reminded of the old Sony logo? https://tixy.land/?code=y%3C7%26%26%28x%2Bsin%28y%29%3C6.4%29%3F-x%2F8%3A0 https://tixy.land/?code=y%3C7%26%26%28x%2Bsin%28y%29%3C6.4%2... edit: much better with a negation :)
ubitaco 1y ago
fun! Here's a heart: https://tixy.land/?code=hypot%28x-7%2Cy%2Babs%28x-7%29-9%29-4-2*t%252 https://tixy.land/?code=hypot%28x-7%2Cy%2Babs%28x-7%29-9%29-...
relaxing 1y ago
A lot of these tricks I first learned from Noah Spurrier’s acidwarp.exe VGA demos in the 90s. Now I’m wondering who first published these trig function pixel paint tricks. Somewhere between HAKMEM munching squares and the 80s demoscene?
MeteorMarc 1y ago
If you like this, also check 3d animations on a led cube. https://m.youtube.com/watch?v=odFljHeCNaY https://m.youtube.com/watch?v=odFljHeCNaY
Sharlin 1y ago
Shame that 32 characters is a bit too few to make a raycaster. 128 would be quite enough I think.
flufluflufluffy 1y ago
https://tixy.land/?code=sin%280.2*x*t%29+-+cos%280.2*y*t%29 https://tixy.land/?code=sin%280.2*x*t%29+-+cos%280.2*y*t%29
agys 1y ago
The author is Martin Kleppe (@aemkei on X), famous for his incredible quines and other JS magic. https://aem1k.com/world/ https://aem1k.com/world/ https://aem1k.com/qlock/ https://aem1k.com/qlock/
rickcarlino 1y ago
Similar project, but based on Forth: https://forthsalon.appspot.com/ https://forthsalon.appspot.com/
kazinator 1y ago
Stretchy curtain: (sin(t) * sin(t) + 0.2) * (sin(y / (cos(t) * cos(t) + 0.7)) + sin(x))
- gus_massa 1y ago
  Clicky https://tixy.land/?code=%28sin%28t%29+*+sin%28t%29+%2B+0.2%29+*+%28sin%28y+%2F+%28cos%28t%29+*+cos%28t%29+%2B+0.7%29%29+%2B+sin%28x%29%29 https://tixy.land/?code=%28sin%28t%29+*+sin%28t%29+%2B+0.2%2...
progre 1y ago
Fire! https://tixy.land/?code=Math.sin%28%28y%2F3%5Ex%7Ci%29%2Bt%29 https://tixy.land/?code=Math.sin%28%28y%2F3%5Ex%7Ci%29%2Bt%2...
fittingopposite 1y ago
Pretty psychedelic https://tixy.land/?code=Math.cos%28y%2F8%2Bsqrt%282*t*i%2Bx%29%29 https://tixy.land/?code=Math.cos%28y%2F8%2Bsqrt%282*t*i%2Bx%...
lttlrck 1y ago
I feel so dumb. How can I make this zoom centered on the grid? https://tixy.land/?code=Math.sin%28x*t%29%2BMath.cos%28y*t%29 https://tixy.land/?code=Math.sin%28x*t%29%2BMath.cos%28y*t%2...
- skrebbel 1y ago
  I think something like https://tixy.land/?code=sin%28%28x-7.5%29*t%29%2Bcos%28%28y-7.5%29*t%29 https://tixy.land/?code=sin%28%28x-7.5%29*t%29%2Bcos%28%28y-...
- bobbylarrybobby 1y ago
  When in doubt: translate your center to the origin, do your work there, then un-translate.
skrebbel 1y ago
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
dave1010uk 1y ago
https://tixy.land/?code=%28%28x%2Bt%29%5E%28t%7Cy*t%29%29%25%289*tan%28t%2F9%29%29-.5 https://tixy.land/?code=%28%28x%2Bt%29%5E%28t%7Cy*t%29%29%25... Strobe warning, especially after about 20 seconds.
jagraff 1y ago
Moving, ever expanding circle: https://tixy.land/?code=%28x-10*t%2521%29**2%2B%28y-10*t%2521%29**2-t https://tixy.land/?code=%28x-10*t%2521%29**2%2B%28y-10*t%252...
shirajg 1y ago
https://tixy.land/?code=%281%2Ft%258%29+%2F+tan%28t+%2F+%28y*x%2Ft%29%29 https://tixy.land/?code=%281%2Ft%258%29+%2F+tan%28t+%2F+%28y...
lsdkfjlkasfj 1y ago
Also https://ptol.github.io/hexyzland/ https://ptol.github.io/hexyzland/
yusina 1y ago
Isn't i == x + 16*y? Why is it needed?
- stefanfisk 1y ago
  To make the code cleaner I’d assume.
  - yusina 1y ago
    I got the impression though that i is the least useful of the bunch.
dang 1y ago
Related: Tixy.land - https://news.ycombinator.com/item?id=36646163 https://news.ycombinator.com/item?id=36646163 - July 2023 (2 comments) Minimal 16x16 Dots Coding Environment - https://news.ycombinator.com/item?id=24974534 https://news.ycombinator.com/item?id=24974534 - Nov 2020 (37 comments)
franze 1y ago
Marry Christmas https://tixy.land/?code=Math.sin%28y%2F8%2By%3C9%26%26Math.abs%28x-8%29%3C%3Dy%3FMath.sin%28t*4%2Bi%29%3Ay%3E8%26%26y%3C13%26%26Math.abs%28x-8%29%3C2%3FMath.sin%28t*4%29%3Ay%3C2%26%26x%3D%3D8%3F1%3A-0.5%29 https://tixy.land/?code=Math.sin%28y%2F8%2By%3C9%26%26Math.a...
xuhu 1y ago
Is it possible to create a tixy QR code that contains a link to itself ?
Reefersleep 1y ago
I've made a few of these as doodles while waiting for other stuff. Great set of restrictions to inspire creativity. X Plus Star 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 https://tixy.land/?code=%28sin%28t*0.8*-sqrt%28%28x-7.5%29**... Sin Sin https://tixy.land/?code=sin%28sin%28i*sin%28t%2F10%29%29%29 https://tixy.land/?code=sin%28sin%28i*sin%28t%2F10%29%29%29 Traffic https://tixy.land/?code=sin%28i*i*t*0.0005%29 https://tixy.land/?code=sin%28i*i*t*0.0005%29
KingOfCoders 1y ago
ChatGPT had some nice ideas, e.g. 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 https://tixy.land/?code=Math.sin%28t+%2B+Math.atan2%28y+-+7....
nicman23 1y ago
is this just shaders but not?
ur-whale 1y ago
Why is the "=>" going in the wrong direction ?
BearOso 1y ago
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: (1-sqrt(pow(7.5-x,2)+pow(7.5-y,2))/8)*(y-7.5) Pokeball. edit Actually, there's no fixed length, so 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 https://tixy.land/?code=%281-sqrt%28pow%287.5-x%2C2%29%2Bpow...
dr_kiszonka 1y ago
I am impressed by both the website and how good people here are at trig.
etler 1y ago
That's really fun! I love minimalist sandbox ideas like this.

539 points by andrewrn 1y ago

Previous discussion with patterns in comments: https://news.ycombinator.com/item?id=24974534 https://news.ycombinator.com/item?id=24974534

bingrrr 1y ago

great

rpastuszak 1y ago

I made a drawing app with programmable brushes inspired by tixy: https://fig.sonnet.io https://fig.sonnet.io It’s pretty fun because the shape dynamics are time, and not pressure/tilt based, so you need to draw in a rhythm. Here’s how they work and how they’re implemented: https://untested.sonnet.io/notes/fig-tree-brushes/ https://untested.sonnet.io/notes/fig-tree-brushes/

spencerflem 1y ago

this is beautiful. i love it so much :)

jakegmaths 1y ago

I loved tixy when I first discovered it a few years ago so created this https://www.mathsuniverse.com/tixy https://www.mathsuniverse.com/tixy (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.

soegaard 1y ago
Well done!
dndn1 1y ago
This is a cool way to teach! I was blown away by the little functions at first and I too made a clone to experiment with calculang [1]. I added an evaluation feature (F9) so you can select sub-expressions and see what they do, which was helpful to figure out some patterns (video in [2]) [1] https://calculang-editables.netlify.app/tixyish https://calculang-editables.netlify.app/tixyish [2] https://www.youtube.com/watch?v=uXUd_-xrycs https://www.youtube.com/watch?v=uXUd_-xrycs
oneeyedpigeon 1y ago
Reminds me of [Replicube](https://store.steampowered.com/app/3401490/Replicube/ https://store.steampowered.com/app/3401490/Replicube/), which has released recently and does the same kind of thing in 3D.
- tonetheman 1y ago
  [dead]
chrisjj 1y ago
> In computer graphics, the origin (0, 0) is top-left rather than bottom-left Umm...
- LocalH 1y ago
  What's wrong with that statement? It has historically and traditionally been true for raster displays, even if there do exist ways to use standard Cartesian-style coordinates with a computer.
  - taneq 1y ago
    There top left has usually been (0, 0) for hardware pixel coordinates (although even then there’s plenty of exceptions, e.g. mode 13h scrolling) but as a blanket statement about computer graphics in general it’s misleading.
    - levzzz 1y ago
      [dead]
- jakegmaths 1y ago
  I'm struggling to see the problem with this statement, other than maybe to add in the word "usually". My students will know of graphs in maths where the origin is always bottom left. When working with HTML canvas and every other computer graphics situation I've worked in, it's top left instead.
  - ForOldHack 1y ago
    "PostScript uses a coordinate system where the origin is at the bottom-left corner of the page, with the x-axis increasing to the right and the y-axis increasing upwards." Oscilloscopes use middle-left. Unreal engine and SketchUp use Screen middle with xy increasing to the right. in AutoCAD, the user coordinate system is 1/3 of the screen to the left for the origin, with X increasing to the right, and Y increasing upwards. Almost all raster displays, and memory based programs assume top left, because that is how it was done first - counter intuitive.
acomjean 1y ago
Fun. Thanks! Works well on phone. The phone keyboard is a bit clumsy but it works (that’s a phone issue)
frogarden 1y ago
Why isn't "(sin(i) * (x > 7)) - (i == 5) + (i == 20) + 0.5 * (i == 32)" a solution to puzzle 36?
PebblesRox 1y ago
My 5yo did great on these until he hit #7 and got stuck! I’m helping him with syntax but trying to hold back from giving conceptual hints for now. I love the instant visual feedback!
xunil2ycom 1y ago
I've been programming for over 40 years, and I can say this is the most fun way I've experienced to learn this kind of thing. It really is fun.

antirez 1y ago

The classic: sin(x/2+t)+cos(y/2+sin(t))

gus_massa 1y ago
Link for the lazy: https://tixy.land/?code=sin%28x%2F2%2Bt%29%2Bcos%28y%2F2%2Bsin%28t%29%29 https://tixy.land/?code=sin%28x%2F2%2Bt%29%2Bcos%28y%2F2%2Bs...

tetris11 1y ago

https://tixy.land/?code=x-y*y%2Ft%2F5 https://tixy.land/?code=x-y*y%2Ft%2F5 'Vanishing Curve'

fulafel 1y ago

Cool stuff. Learned by scrolling far enough right in view source: The last line is editable and eval'd. Request to author: keep the newlines.

Jyaif 1y ago
> The last line is editable and eval'd Right. https://tixy.land/?code=alert(%22foo%22) https://tixy.land/?code=alert(%22foo%22)
- oliviergg 1y ago
  That’s not nice
  - noman-land 1y ago
    What's not nice is not sanitizing inputs.

shakedownstreet 1y ago

Love it, simple & cool :) https://tixy.land/?code=(y%2Fi*y%2Fsin(x%2Bt))*max(cos(t)%2C0.5) https://tixy.land/?code=(y%2Fi*y%2Fsin(x%2Bt))*max(cos(t)%2C...

continuational 1y ago

Fun! https://tixy.land/?code=sin%28i%2Bt%29 https://tixy.land/?code=sin%28i%2Bt%29

_def 1y ago
i don't even know whats happening but its mesmerizing https://tixy.land/?code=sin%28i*t%2F128%29 https://tixy.land/?code=sin%28i*t%2F128%29
- Sharlin 1y ago
  It draws a slightly tilted sine wave gradient (i=16y+x so atan(1/16) ≈ 3.6°) whose frequency increases until it starts to alias due ro the limited resolution (cf. Nyquist sampling theorem) and exhibit what’s essentially the wagon wheel effect [1]. Nice illustration of signal processing fundamentals! [1] https://en.m.wikipedia.org/wiki/Wagon-wheel_effect https://en.m.wikipedia.org/wiki/Wagon-wheel_effect

GenshoTikamura 1y ago

Would be cool to implement this physically as an array of iris diaphragms

tgv 1y ago

I’m considering that as a load screen animation. Bunch of different functions, and the user will be entertained.

Isognoviastoma 1y ago

https://tixy.land/?code=%28%28t%2F4%2Batan2%28x-8%2Cy-7%29%2F6%29%251-1%29**5 https://tixy.land/?code=%28%28t%2F4%2Batan2%28x-8%2Cy-7%29%2... a radar

nomel 1y ago
now to add a few blips!

Jyaif 1y ago

https://tixy.land/?code=-.5%2B%28x%5Ey%29%25%283*Math.sin%28t%2F9%29%29 https://tixy.land/?code=-.5%2B%28x%5Ey%29%25%283*Math.sin%28...

flufluflufluffy 1y ago
This one is sick!
- jlundberg 1y ago
  oh yes, highly recommended! :)
Lerc 1y ago
I managed to come up with a suffix that displays outputs of my own weird thing in a tixy style. https://c50.fingswotidun.com/show/?code=28*ddx*%24%3Ay*%243ot9%2Fc3*%251-*9%2F2%3C02-%3EP8*du*s%3Av*s\ https://c50.fingswotidun.com/show/?code=28*ddx*%24%3Ay*%243o...* Quite a fun challenge. The Suffix is 2<02->P8dus:vs which is 2<02-> clip to -2 to +2 P8*d 2 copies of 8*PI u*s 8 horizontal sine :v*s 8 vertical sine * mix horz and vert to make the tixy circles.

Nautman 1y ago

I love it! Here's a windscreen wiper. https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x

deleted 1y ago

[deleted]

alexilchenko 1y ago

spiral: https://tixy.land/?code=hypot%28x-%3D7%2Cy-%3D7%29%2Batan2%28y%2Cx%29-t https://tixy.land/?code=hypot%28x-%3D7%2Cy-%3D7%29%2Batan2%2...

deleted 1y ago

[deleted]

xanlack 1y ago

really impressive, keep up the good work

tjwds 1y ago

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. 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 https://tixy.land/?code=floor(t%256)%20%3D%3D%3D%200%20%3F%0...

alexilchenko 1y ago

5 fold star: https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%29 https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%2...

alexilchenko 1y ago
Two snakes: https://tixy.land/?code=exp%28-%28%28x-7%29**2%29%2F12%29*sin%28%28y-7%29%2F2-t%29%09-sin%28%28h%3Dhypot%28x-%3D7%2Cy-%3D7%29-5%29%29*exp%28-h*h%2F9%29*cos%28atan2%28y%2Cx%29%2Bt%29 https://tixy.land/?code=exp%28-%28%28x-7%29**2%29%2F12%29*si...

alexilchenko 1y ago

That's no moon! https://tixy.land/?code=%28%28d%3D36-%28x-%3D7%29**2-%28y-%3D7%29**2%29%3C%3D0%3F0.05%3A-%28x*.3%2By*.3%2Bsqrt%28d%29%29%2F6%29 https://tixy.land/?code=%28%28d%3D36-%28x-%3D7%29**2-%28y-%3...

nopakos 1y ago

That's fantastic! 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?

chrisjj 1y ago

> // hit "enter" to save in URL There's no enter on Android Chrome on phone.

dtagames 1y ago
The enter key on the phone keyboard works if you tap that message.

mckeed 1y ago

Centered circle wave: https://tixy.land/?code=Math.sin%28-2*t%2B0.045*%28x-7.5%29*%28x-7.5%29%2B0.045*%28y-7.5%29*%28y-7.5%29%29 https://tixy.land/?code=Math.sin%28-2*t%2B0.045*%28x-7.5%29*...

flockonus 1y ago
Cool! I can see it being usable as a spinner as well. How did you come up with these magic numbers?

Tepix 1y ago

I like this creation of mine: https://tixy.land/?code=sin%28t*x%29%2Bi%2F256 https://tixy.land/?code=sin%28t*x%29%2Bi%2F256

animal531 1y ago

Weeee: https://tixy.land/?code=sin%28x%29*cos%28y%29%2Bcos%28x%29*sin%28y%29%2Bsin%28t*2%29 https://tixy.land/?code=sin%28x%29*cos%28y%29%2Bcos%28x%29*s... White blood cells attack: https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bcos%28y*t%29%2Bt%2F0.7 https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bco...

rubitxxx 1y ago

Here’s a wild ride: https://tixy.land/?code=Math.sin%28y%2Bi%2Ft%29%2BMath.cos%28t%2Fx%29 https://tixy.land/?code=Math.sin%28y%2Bi%2Ft%29%2BMath.cos%2...

curtisszmania 1y ago

[dead]

siev 1y ago

Beating heart: https://tixy.land/?code=%28x%2F7.5-1%29**2%2B%28y%2F7.5-1%29**2-sin%28t%29 https://tixy.land/?code=%28x%2F7.5-1%29**2%2B%28y%2F7.5-1%29...

siraben 1y ago

candy waves on a shore: https://tixy.land/?code=sin%28i*t%2F128%29 https://tixy.land/?code=sin%28i*t%2F128%29 candy lasers redux: https://tixy.land/?code=0.2%2Bsin%28i*t%2F64%29%2B.3*sin%288*sqrt%28x*x%2By*y%29-t%29 https://tixy.land/?code=0.2%2Bsin%28i*t%2F64%29%2B.3*sin%288...

levzettelin 1y ago

Basically https://www.shadertoy.com/ https://www.shadertoy.com/ for dummies. Right up my alley haha ;)

ninetyninenine 1y ago

Is there a pattern or animation you can manually animate on those dots that can’t be represented by an equation?

echoangle 1y ago
If the animation is finite in time and with finite time steps and sample points, I think no. Because you can fit a polygon through any set of points if the polygon has enough dimensions.

gus_massa 1y ago

red traffic light https://tixy.land/?code=%28floor%28t%29%252%29%3F0%3A-cos%28sqrt%28%28x-7.5%29**2%2B%28y-7.5%29**2%29%2F6%29 https://tixy.land/?code=%28floor%28t%29%252%29%3F0%3A-cos%28...

rel_ic 1y ago

https://tixy.land/?code=sin%28t*sin%28t%29%2F9-x%29*sin%28t-y%2Bx%2F9%29 https://tixy.land/?code=sin%28t*sin%28t%29%2F9-x%29*sin%28t-...

stankot 1y ago

Tixy is amazing! I built something very similar: https://muffinman.io/pulsar/ https://muffinman.io/pulsar/ 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. Another similar project is https://sliderland.blinry.org/ https://sliderland.blinry.org/ which uses HTML sliders. Fun stuff!

leptons 1y ago
If you haven't seen dwitter yet, you really should head over to https://www.dwitter.net https://www.dwitter.net
- virtualritz 1y ago
  This is awesome. But it needs a better renderer. Almost every animation/image there suffers from horrible moiré because a normal browser canvas was not meant for this. Fine line art needs supersampling and high quality filtering.
  - leptons 1y ago
    You're complaining about a small subset of "dweets" there. There are thousands of great visuals there that are not "fine line art" and do not suffer from what you described. And no, I do not think it "needs a better renderer" as high quality "rendering" is not the point of dwitter.net, the point is producing amazing things in 140 characters of javascript.
montag 1y ago
Anybody else reminded of the old Sony logo? https://tixy.land/?code=y%3C7%26%26%28x%2Bsin%28y%29%3C6.4%29%3F-x%2F8%3A0 https://tixy.land/?code=y%3C7%26%26%28x%2Bsin%28y%29%3C6.4%2... edit: much better with a negation :)

ubitaco 1y ago

fun! Here's a heart: https://tixy.land/?code=hypot%28x-7%2Cy%2Babs%28x-7%29-9%29-4-2*t%252 https://tixy.land/?code=hypot%28x-7%2Cy%2Babs%28x-7%29-9%29-...

relaxing 1y ago

A lot of these tricks I first learned from Noah Spurrier’s acidwarp.exe VGA demos in the 90s. Now I’m wondering who first published these trig function pixel paint tricks. Somewhere between HAKMEM munching squares and the 80s demoscene?

MeteorMarc 1y ago

If you like this, also check 3d animations on a led cube. https://m.youtube.com/watch?v=odFljHeCNaY https://m.youtube.com/watch?v=odFljHeCNaY

Sharlin 1y ago

Shame that 32 characters is a bit too few to make a raycaster. 128 would be quite enough I think.

flufluflufluffy 1y ago

https://tixy.land/?code=sin%280.2*x*t%29+-+cos%280.2*y*t%29 https://tixy.land/?code=sin%280.2*x*t%29+-+cos%280.2*y*t%29

agys 1y ago

The author is Martin Kleppe (@aemkei on X), famous for his incredible quines and other JS magic. https://aem1k.com/world/ https://aem1k.com/world/ https://aem1k.com/qlock/ https://aem1k.com/qlock/

rickcarlino 1y ago

Similar project, but based on Forth: https://forthsalon.appspot.com/ https://forthsalon.appspot.com/

kazinator 1y ago

Stretchy curtain: (sin(t) * sin(t) + 0.2) * (sin(y / (cos(t) * cos(t) + 0.7)) + sin(x))

gus_massa 1y ago
Clicky https://tixy.land/?code=%28sin%28t%29+*+sin%28t%29+%2B+0.2%29+*+%28sin%28y+%2F+%28cos%28t%29+*+cos%28t%29+%2B+0.7%29%29+%2B+sin%28x%29%29 https://tixy.land/?code=%28sin%28t%29+*+sin%28t%29+%2B+0.2%2...

progre 1y ago

Fire! https://tixy.land/?code=Math.sin%28%28y%2F3%5Ex%7Ci%29%2Bt%29 https://tixy.land/?code=Math.sin%28%28y%2F3%5Ex%7Ci%29%2Bt%2...

fittingopposite 1y ago

Pretty psychedelic https://tixy.land/?code=Math.cos%28y%2F8%2Bsqrt%282*t*i%2Bx%29%29 https://tixy.land/?code=Math.cos%28y%2F8%2Bsqrt%282*t*i%2Bx%...

lttlrck 1y ago

I feel so dumb. How can I make this zoom centered on the grid? https://tixy.land/?code=Math.sin%28x*t%29%2BMath.cos%28y*t%29 https://tixy.land/?code=Math.sin%28x*t%29%2BMath.cos%28y*t%2...

skrebbel 1y ago
I think something like https://tixy.land/?code=sin%28%28x-7.5%29*t%29%2Bcos%28%28y-7.5%29*t%29 https://tixy.land/?code=sin%28%28x-7.5%29*t%29%2Bcos%28%28y-...
bobbylarrybobby 1y ago
When in doubt: translate your center to the origin, do your work there, then un-translate.

skrebbel 1y ago

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

dave1010uk 1y ago

https://tixy.land/?code=%28%28x%2Bt%29%5E%28t%7Cy*t%29%29%25%289*tan%28t%2F9%29%29-.5 https://tixy.land/?code=%28%28x%2Bt%29%5E%28t%7Cy*t%29%29%25... Strobe warning, especially after about 20 seconds.

jagraff 1y ago

Moving, ever expanding circle: https://tixy.land/?code=%28x-10*t%2521%29**2%2B%28y-10*t%2521%29**2-t https://tixy.land/?code=%28x-10*t%2521%29**2%2B%28y-10*t%252...

shirajg 1y ago

https://tixy.land/?code=%281%2Ft%258%29+%2F+tan%28t+%2F+%28y*x%2Ft%29%29 https://tixy.land/?code=%281%2Ft%258%29+%2F+tan%28t+%2F+%28y...

lsdkfjlkasfj 1y ago

Also https://ptol.github.io/hexyzland/ https://ptol.github.io/hexyzland/

yusina 1y ago

Isn't i == x + 16*y? Why is it needed?

stefanfisk 1y ago
To make the code cleaner I’d assume.
- yusina 1y ago
  I got the impression though that i is the least useful of the bunch.

dang 1y ago

Related: Tixy.land - https://news.ycombinator.com/item?id=36646163 https://news.ycombinator.com/item?id=36646163 - July 2023 (2 comments) Minimal 16x16 Dots Coding Environment - https://news.ycombinator.com/item?id=24974534 https://news.ycombinator.com/item?id=24974534 - Nov 2020 (37 comments)

franze 1y ago

Marry Christmas https://tixy.land/?code=Math.sin%28y%2F8%2By%3C9%26%26Math.abs%28x-8%29%3C%3Dy%3FMath.sin%28t*4%2Bi%29%3Ay%3E8%26%26y%3C13%26%26Math.abs%28x-8%29%3C2%3FMath.sin%28t*4%29%3Ay%3C2%26%26x%3D%3D8%3F1%3A-0.5%29 https://tixy.land/?code=Math.sin%28y%2F8%2By%3C9%26%26Math.a...

xuhu 1y ago

Is it possible to create a tixy QR code that contains a link to itself ?

Reefersleep 1y ago

I've made a few of these as doodles while waiting for other stuff. Great set of restrictions to inspire creativity. X Plus Star 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 https://tixy.land/?code=%28sin%28t*0.8*-sqrt%28%28x-7.5%29**... Sin Sin https://tixy.land/?code=sin%28sin%28i*sin%28t%2F10%29%29%29 https://tixy.land/?code=sin%28sin%28i*sin%28t%2F10%29%29%29 Traffic https://tixy.land/?code=sin%28i*i*t*0.0005%29 https://tixy.land/?code=sin%28i*i*t*0.0005%29

KingOfCoders 1y ago

ChatGPT had some nice ideas, e.g. 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 https://tixy.land/?code=Math.sin%28t+%2B+Math.atan2%28y+-+7....

nicman23 1y ago

is this just shaders but not?

ur-whale 1y ago

Why is the "=>" going in the wrong direction ?

BearOso 1y ago

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: (1-sqrt(pow(7.5-x,2)+pow(7.5-y,2))/8)*(y-7.5) Pokeball. edit Actually, there's no fixed length, so 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 https://tixy.land/?code=%281-sqrt%28pow%287.5-x%2C2%29%2Bpow...

dr_kiszonka 1y ago

I am impressed by both the website and how good people here are at trig.

etler 1y ago

That's really fun! I love minimalist sandbox ideas like this.