Dweets by u/Tesseract

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Opposites

show FPS hide FPS share fullscreen

Tesseract

function u(t) {

f=(x,y)=>x||y?(x+y)%2==0?2*f(x-y>>1,x+y>>1):f(-y,x-1)+1:0
t?i+=2:i=0
for(j=2e3;j--;x.fillStyle=R(f(i,j)/9e4))x.fillRect(j,i,1,2)

Aug 11 2024 9:37 PM UTC

}// 128/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

An embedding of the infinite binary tree into ZxZ

show FPS hide FPS share fullscreen

Tesseract

remix of d/8245 by u/Tesseract

function u(t) {

x.strokeStyle=R(9,t?(i+=2)/9:i=0,0,.3)
for(j=3e3;j--;x.beginPath(x.stroke()))l=(k=i|j)&-k,x.arc(j,i,(x.lineWidth=l/(l&i&j?.707:1)/18)*9,0,7)

Aug 11 2024 12:17 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Updated due to change in Firefox behavior

u/Tesseract

Line width greater than circle radius now draws filled circles, so arc radius and line width are no longer semi-interchangable.
u/KilledByAPixel

https://www.reddit.com/r/tinycode/comments/1…

show FPS hide FPS share 1 remix fullscreen

Tesseract

remix of d/8207 by u/Tesseract

function u(t) {

for(i=j=540;r=Math.random()*6|0,i--;)if((r+1)%6!=T&&r!=(R+1)%6)x.fillRect(c=C(a=1.047*r)*j+j+c>>1,Set=j*S(a)+j+Set>>1,1,1),R=T,T=r

Oct 17 2022 4:08 PM UTC

}// 130/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

dimension is roughly 1.92064086682056

u/Tesseract

#fractal

show FPS hide FPS share fullscreen

Tesseract

function u(t) {

with(x){x.t=transform
f=n=>n?(fillRect(852,0,b=213,b),t(k=0.5,k,-k,k,b*2,-b),t(0,-1,f(n-1),0,b*5,b*4),t(1,f(n-1),-1,1,b,-6*b),1):1
f(13)}

Sep 12 2022 7:55 PM UTC

}// 137/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Pythagoras Tree

u/Tesseract

#fractal

show FPS hide FPS share fullscreen

Tesseract

function u(t) {

for(j=c.width=128;j--;g(j&7,k=j>>3)>t%4||x.fillRect(j%8*9,9*k,9,9))g=(x,y)=>x|y&&(x>3?4-g(7-x,y):(o=y>>2)+g([y,x][o]%4<<1,[x,y][o]%4<<1)/4)

Nov 26 2020 9:20 AM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Hilbert curve

u/Tesseract

It's basically a coincidence that the recursive function terminates - it takes more calls than you'd expect and it doesn't work if you try scaling it up.
u/Tesseract

#fractal
u/Xen

nicely done!

show FPS hide FPS share fullscreen

Tesseract

remix of d/20438 by u/Odog8

function u(t) {

n=c.width=133
z=t?z+C(n*z):25
d=(b,a)=>[b-b/(k=(o=a-z)*o+b*b),a+o/k]
for(l=1e4;l--;)x.fillRect(...p=[l%n,l/n],1,(C[l]=t?d(...C[l]):p)[0]/4)

Oct 30 2020 6:18 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

SLE with a better RNG

Show more comments…
u/Odog8

What are these even used for?
u/Tesseract

It's very interesting mathematically - it corresponds to certain kinds of random walk that are hard to analyse otherwise. Some physicists also care about it.
u/Odog8

huh.
u/joeytwiddle

https://en.wikipedia.org/wiki/Schramm%E2%80%…
u/Odog8

Hey, could you explain how you made this further? The wikipedia doesnt do as good of a job as i would have liked :(
u/Tesseract

I can't explain conformal mappings in a comment, but the central part is the function d, which sends z=a+bi to z+delta*dg_t(z)/dt (dg/dt is defined on Wikipedia). For brevity, I've set delta=1/2, so it's approximating d(g_t(z))=g_{t+1/2}(z). The complex number division is golfed. Brightness corresponds to the imaginary part of g_t(z). The javascript variable z is not a+bi, but is brownian motion - zeta(t) according to Wikipedia.
u/Tesseract

I made a non-golfed version in Python a while ago which might be easier to read: https://github.com/penteract/sle/blob/master…

show FPS hide FPS share fullscreen

Tesseract

remix of d/20437 by u/Tesseract

function u(t) {

n=c.width=99
z=t?z+(t*n^z)%1.8-1:9
for(l=7e3;l--;)x.fillRect(...p=[l/n,l%n],1,(C[l]=((a,b)=>[a+(o=a-z)/(k=o*o+b*b),b-b/k])(...C[l]||p))[1])

Oct 30 2020 5:27 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

SLE with a bad RNG

show FPS hide FPS share 2 remixes fullscreen

Tesseract

function u(t) {

n=c.width=133
d=(a,b)=>[a+(o=a-7-C(t))*(k=.1/(o*o+b*b)),b-b*k]
for(l=1e4;l--;)x.fillRect(j=l%n,i=l/n,1,(C[l]=t?d(...C[l]):[i/5,j/5])[1])

Oct 30 2020 12:38 PM UTC

}// 136/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Schramm–Loewner evolution

u/Tesseract

If anyone knows how to get something that looks like brownian motion as a function of t in around 10 bytes, I'd like to know (it should replace C(t)).
u/rodrigo.siqueira

maybe C(t*i**8) is more random
u/rodrigo.siqueira

I see a very beautiful orange SLE (Schramm-Loewner Evolutions) here: http://www.statslab.cam.ac.uk/~jpmiller/teac… I wish this could be reproduced in javascript.
u/rodrigo.siqueira

I asked jpmiller about how he did that incredible beautiful orange SLE and got his answer, if you want to reproduce it The way that the image was made is using the following steps: "1) Sample an instance of the Gaussian free field (GFF) — see Page 24 of this paper for Mathematica code which produces it https://arxiv.org/pdf/math/0312099.pdf 2) The GFF is a function h defined on the grid {1,...,n}^2. If you consider its exponential exp(i c h), where i = sqrt(-1), c > 0 is a constant, then you get a vector field. 3) Then you can consider flow lines of this vector field by solving the equation eta’(t) = exp(i c h(eta (t)). The image essentially shows flow lines with angles +/- pi/2 starting from every point in the square where c = 1 / (2/Sqrt(128) + Sqrt(128)/2) — this is the value of c so that what you will see will be related to SLE with kappa = 128. Best wishes, Jason"

show FPS hide FPS share fullscreen

Tesseract

function u(t) {

for(i=0;i<8;i++)for(j=0;j<8;j++)x.fillStyle=`hsl(${(k=i&6)^(l=j&6)}00,90%,${(i^j^(k*l<1|(8+l-k)%6<2))&1?6:4}0%)`,x.fillRect(i*99,j*99,99,99)

Oct 3 2019 10:35 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

Tesseract

remix of d/8221 by u/Tesseract

function u(t) {

t||(p='m 912 400',d=a=0)
g=y=>y&3^1?~y&1:g(y/4)
x.lineWidth=3
a+=((d&1)-2)*g(d++/2)+1
x.stroke(new Path2D(p+=["h-9","v9","h9","v-9"][a&=3]))

Jun 1 2019 4:36 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Space filling curve

u/Xen

love it

dwitter.net | Tesseract (146)