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

yonatan

function u(t) {

for(i=2e3;i--;)Y=frame/500-1,X=i/500-2,s=X+Y+(q=1-X*X-Y*Y)**.5,x.fillRect(i,frame,q<0?1:s>1?0:1-s,1)

Oct 29 2020 11:34 PM UTC

}// 100/140

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

lit sphere via https://twitter.com/kamoshika_vrc/status/132…

u/joeytwiddle

#sphere
u/joeytwiddle

#sphere #lighting #raytracing
u/tomxor

Nice!

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20426 by u/ciaccodavide

function u(t) {

for(c.width|=p=15,w=200;p--;)0x24f7fbef924fef3fce7c9edf3cfcf9e4927b6fn&1n<<BigInt(~~t%10*15+p)&&x.fillRect(p%3*w,~~p/3*w,w,w)

Oct 29 2020 7:30 PM UTC

}// 125/140

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

Down to 125

Show more comments…
u/pavel

121 for(c.width|=p=15;p--;)0x24f7fbef924fef3fce7c9edf3cfcf9e4927b6fn&1n<<BigInt(~~t%10*15+p)&&x.fillRect(p%3*T,p/3*T,T,T=200)
u/tomxor

Also 121 but with neater output for(c.width|=p=15;p--;)0x24f7fbef924fef3fce7c9edf3cfcf9e4927b6fn&1n<<BigInt(~~t%10*15+p)&&x.fillRect(p%3<<6,p/3<<6,64,64)
u/ciaccodavide

Nice!
u/ciaccodavide

pushed to 118 for(c.width|=p=15;p--;)0x24f7fbef924fef3fce7c9edf3cfcf9e4927b6fn&1n<<BigInt(~~t%9*15+p)&&x.fillRect(p%3<<6,p/3<<6,9,9)
u/ciaccodavide

:P
u/ciaccodavide

still readable but not synced with seconds

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

x.fillStyle='#3333'
x.fillRect(0,0,2e3,2e3)
x.font='29em"'
x.fillStyle='#fff'
x.fillText(String.fromCharCode(t*69),777+S(t)*99,666+C(t)*99)

Oct 28 2020 10:08 PM UTC

}// 139/140

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

Chars

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/20405 by u/tomxor

function u(t) {

A=S(t);B=C(t);for(c.width=X=128;X--;x.fillRect(X,36-1e3/Z,Z**.5/16,2e3/Z))for(Z=1,R=T(X/81-.8);(A*t+24+(R*B-A)*Z/8^64+(R*A+B)*Z/8)%15>1;)Z++

Oct 28 2020 6:12 PM UTC

}// 140/140

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

Wolfendweet 3D #raycasting sans-bot no-clip

Show more comments…
u/pavel

The lack of x.fillStyle is amazing.
u/pavel

Save 3 chars by incrementing Z by .1 instead of doing the math every time: A=S(t);B=C(t);for(c.width=X=128;X--;x.fillRect(X,36-125/Z,Z**.5/7,250/Z))for(Z=0,R=T(X/81-.8);(A*t+24+(R*B-A)*Z^64+(R*A+B)*Z)%15>1;)Z+=.1
u/tomxor

Ah yes! thanks pavel :) I did try to get rid of Z/8 once but didn't go far enough with the constants as you did.
u/tomxor

Can also now play with the marching granularity more easily to get smoother results... although it's very slow without an SDF for the fractal for larger initial steps.
u/Xen

love it!
u/tomxor

#raymarching
u/13thptr

Nice dweet. Related: d/2961 d/7076
u/13thptr

#wolfenstein

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

c.width=64
f=v=>824429291091531969149021958635251057546132335n&1n<<BigInt(~~t%10*15+v)
for(p=15;p--;)f(p)&&x.fillRect(30+p%3,15+~~(p/3),1,1)

Oct 28 2020 2:46 PM UTC

}// 140/140

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

Decimal Counter without text

Show more comments…
u/ciaccodavide

For the crisp edges just add:
u/ciaccodavide

c.style.imageRendering='crisp-edges' [on Firefox]
u/ciaccodavide

c.style.imageRendering='pixelated' [on Chrome]
u/Xen

nice!
u/ciaccodavide

Thanks!
u/tomxor

Interesting, didn't know about the bigint n postfix
u/tomxor

Wow wait a sec... does this mean we can finally sue bitwise beyond 32bits in JS? 4503599627370496n>>52n
u/tomxor

oh this is cool 2n**64n there will be dwitterquences for this :)
u/ciaccodavide

yeeep ;)
u/Tesseract

0x24f7fbef924fef3fce7c9edf3cfcf9e4927b6fn makes it a little shorter, If you have any use for 5 more characters.
u/ciaccodavide

thanks u/Tesseract !!! I managed to get a compressed hd version thanks to your tip! d/20426
u/ciaccodavide

from 141 to 138 (compressed) :D

show FPS hide FPS share fullscreen

solendil

function u(t) {

r=`7213457’s416561his4.`
for(i in r)`t32# because # was a Catholic#her# mo0#, and #3 fa0#Nory`.split`#`.map((t,i)=>r=r.replace(i,t))
throw r

Oct 20 2020 2:00 PM UTC

}// 140/140

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

..or had been. -- Nicholson Baker, The Everlasting Story of Nory

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

c.width|=i=294
for(x.translate(979,550);i--;x.rotate(Math.PI/3))x.rect(-1e3,(j=i%98)*40,2e3,C(j/9+t)*40)
x.fill`evenodd`

Oct 17 2020 5:41 AM UTC

}// 120/140

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

This dweet came to me in a dream

u/smtsjhr

i love it!

show FPS hide FPS share fullscreen

Xen

remix of d/20267 by u/yonatan

function u(t) {

c.width|=X=Y=0
for(i=3e3;i--;s=i/59+9,x.fillStyle=R(!x.fillRect(960+(X+=C(d=C((t-i)/73+t*9|0)*88))*s/9,540+(Y+=S(d))*s/9,s,s),s,i,i*i/7e7));

Oct 14 2020 10:44 PM UTC

}// 140/140

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

quick play

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

with(x)arc(960,540,t*t,(t%8>4?t:-t)/3,99),setLineDash([t*t/5]),stroke(),setLineDash([]),globalAlpha=1-S(t%4*.8),beginPath(stroke())

Oct 13 2020 7:43 PM UTC

}// 131/140

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

Circle Spiral #slowdraw

dwitter.net | Tesseract (4968)