Top 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: #ScaryMovies

show FPS hide FPS share 1 remix fullscreen

Tesseract

remix of d/8219 by u/Tesseract

function u(t) {

t||(p='m 512 224',d=0)
x.lineWidth=3
x.stroke(new Path2D(p+=["h-13","v13","h13","v-13"][(d++).toString(2).match(/1/g).length%4]))

May 24 2018 2:19 AM UTC

}// 129/140

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

u/prplz

so cool!
u/Xen

one of my new top dweets
u/lionleaf

#path
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) {

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,0,7)

May 25 2018 5:26 AM UTC

}// 138/140

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

#fractal

u/Tesseract

Arc radius and line width are semi-interchangeable

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

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 2 remixes fullscreen

Tesseract

remix of d/2667 by u/yonatan

function u(t) {

r=(t**5)%6&6,
x.fillRect(S=425*r+S>>1,C=425*(2&r)+C>>1,3,3)
//slow but short

May 22 2018 5:43 PM UTC

}// 76/140

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

u/lionleaf

#short
u/S.T.L.K.R.

Damn I was trying to do that

show FPS hide FPS share fullscreen

Tesseract

remix of d/8219 by u/Tesseract

function u(t) {

t||(p='m341 341',d=k=0)
for(i=x.lineWidth=4;i--;d+=(k++^k)+1&k?-1:1)p+=(d%2?"h":"v")+(d&2?"8":"-8")
x.stroke(new Path2D(p))//slow if in loop

May 24 2018 1:53 AM UTC

}// 140/140

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

u/Xen

faster than mine :-O nice work

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

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 1 remix fullscreen

Tesseract

remix of d/8200 by u/Tesseract

function u(t) {

for(i=999;i--;)r=Math.random()*8&7,
x.fillRect(T=243*(r*.4|0)+T/3|0,C=243/2*(r%3*5&6)+C/3|0,1,1)

May 22 2018 9:10 PM UTC

}// 96/140

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

u/joeytwiddle

Nice technique to skip the middle :)
u/zanella

Fractals are awesome!
u/S.T.L.K.R.

DAMN IT MAN :O
u/fujimotos

#slow_render #fractal

dwitter.net | Tesseract (112)