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:
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])
Umm...
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.
A raster image onscreen is displayed in the order that the data appears when written down. It stands to reason that a data depiction should be in the same orientation as the display orientation. Displays were created by people who read from left to right, top to bottom. If the displays did not follow that order. images would be flipped or rotated when displayed in a data form.
The first pixel written to the display is in the top left because we read from the top left. If writers of another language had have popularised the text, perhaps things might have been different.
Why are device-independent bitmaps upside down? Raymond Chen https://devblogs.microsoft.com/oldnewthing/20210525-00/?p=10...
I think you had to wait for WinG or maybe even DirectX to get normal 1:1 mapping.
OpenGL is so old it had same stupid ideas about coordinates.
In OpenGL is (center, center)
Works well on phone. The phone keyboard is a bit clumsy but it works (that’s a phone issue)
I love the instant visual feedback!
'Vanishing Curve'
Learned by scrolling far enough right in view source: The last line is editable and eval'd.
Request to author: keep the newlines.
https://tixy.land/?code=(y%2Fi*y%2Fsin(x%2Bt))*max(cos(t)%2C...
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.https://tixy.land/?code=floor(t%256)%20%3D%3D%3D%200%20%3F%0...
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?
There's no enter on Android Chrome on phone.
White blood cells attack: https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bco...
candy lasers redux: https://tixy.land/?code=0.2%2Bsin%28i*t%2F64%29%2B.3*sin%288...
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/ which uses HTML sliders.
Fun stuff!
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.
https://tixy.land/?code=y%3C7%26%26%28x%2Bsin%28y%29%3C6.4%2...
edit: much better with a negation :)
Now I’m wondering who first published these trig function pixel paint tricks. Somewhere between HAKMEM munching squares and the 80s demoscene?
(sin(t) * sin(t) + 0.2) * (sin(y / (cos(t) * cos(t) + 0.7)) + sin(x))
https://tixy.land/?code=Math.sin%28x*t%29%2BMath.cos%28y*t%2...
Strobe warning, especially after about 20 seconds.
Tixy.land - https://news.ycombinator.com/item?id=36646163 - July 2023 (2 comments)
Minimal 16x16 Dots Coding Environment - https://news.ycombinator.com/item?id=24974534 - Nov 2020 (37 comments)
X Plus Star 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=Math.sin%28t+%2B+Math.atan2%28y+-+7....
(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...
bingrrr•9mo ago