Top dweets of all time

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: #Food

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

e=(a,b)=>a/b&1?b-a%b:a%b;x.fillRect(0,0,j=2e3,j);x.globalAlpha=.1;for(;j--;x.clearRect(e(t*360*S(b),1911),e(t*360*C(b),1071),9,9))b=j/1200

Nov 9 2018 6:36 PM UTC

}// 138/140

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

faster and cleaner version of linear ripple

u/katkip

I love this one!
u/iverjo

#waitforit

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

eval(unescape(escape`景爨挮睩摴栽椽ⴹ㭩⬫㬩硛昽❦楬汒散琧崨堽㤹ⵃ⡴ⴽ启㔹⤪⠹〫椪㔩ⱘ⼹⭃⡴⨴⤪⡔㵩⬴⤪⨲⼵ⱳ㴷⬡吪㐬猭㔩㭦潲⠻椫⬼㌰〻⥸学崨椬㤹ⵃ⡩⼳ㄩ⨹Ⱞ㔬匨椯㠹⤪㤩㭸⹳捡汥⠭⸶ⰱ⤻砮摲慷䥭慧攨挬⵩ⰵ〩`.replace(/u(..)/g,"$1%")))

Oct 30 2018 1:39 PM UTC

}// 140/140

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

Vultures

Show more comments…
u/yonatan

Single vulture: for(c.width=i=300;i-->-4;)x[f='fillRect'](i,99-C(i/31)*9,.5,S(i/89)*9),i<5&&x[f](X=99-C(t+=i/59)*(90+i*5),X/9+C(t*4)*i**2/5,s=7+!i*4,s-5)
u/yonatan

Nice trick with the flipped drawImage!
u/jylikangas

Thanks! Here's two vultures without compression... 'for(c.width=i=-9;i++;)x.fillRect(X=99-C(t-=T/59)*(90+i*5),X/9+C(t*4)*(T=i+4)**2/5,5+(s=2+!T*4),s) x.scale(-.5,1) x.drawImage(c,-290,50)'
u/yonatan

Here's a whol bunch of 'em for(c.width=i=-9;i++<9;)i<0?x.fillRect(X=99-C(t-=T/59)*(90+i*5),X/9+C(t*4)*(T=i+4)**2/5,5+(s=2+!T*4),s):x.scale(-.9,.9)|x.drawImage(c,-290,50)
u/magna

Whoa!
u/iverjo

Clever technique
u/iverjo

#birds

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

c.innerHTML=`<svg><filter id=f><feTurbulence baseFrequency=.01 /><feDisplacementMap scale=${t*99}>`;x.filter="url(#f)";x.fillRect(0,0,0,1)

Oct 26 2018 12:11 PM UTC

}// 138/140

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

brighter on firefox

u/joeytwiddle

dude... #plasma #oil #oil_spill
u/Xen

i'm stealing this dweet and having it as an animated desktop background :-P
u/tomxor

Nice. Ahh svg filters... I have good memories, but then they were all destroyed by browser regressions.

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

w=c.width=64
h=40
for(i=5e3;i--;)i>6?x.fillRect(i&63,(i>>6)+h,s=S(i**4),s):x.drawImage(c,0,h+t%h,h,w,0,0,z=2**i*64,z,x.globalAlpha=i**.5/9)

Oct 19 2018 5:23 AM UTC

}// 139/140

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

Value #noise with #fbm

u/yonatan

some cross-browser issues. better on chrome.
u/iverjo

#clouds
u/aleamb

wow! superb and very smart!

show FPS hide FPS share 2 remixes fullscreen

akx

function u(t) {

for(c.width|=0,y=0;1080>y;y+=5)for(i=0;10>i;i++)x.setTransform(1+(.002*y)**3,0,0,1,960+100*S(3*t-.015*y),y),x.fillRect(100*(i-4.75),0,50,5)

Oct 13 2018 1:38 PM UTC

}// 140/140

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

laminar marimekko

u/qbob

oooohhhhh
u/katkip

nice
u/lionleaf

Amazing! #flow
u/joeytwiddle

wibbly wobbly #warping
u/Purpzie

Shortened by 10 characters: for(c.width=b=2e3;b--;x.fillRect(100*(b%10-4.75),0,50,5))x.setTransform(1+(.002*(y=(0|b/10)*5))**3,0,0,1,960+100*S(3*t-.015*y),y)

show FPS hide FPS share 2 remixes fullscreen

veubeke

remix of d/10318 by u/veubeke

function u(t) {

c.width^=0
for(i=190;i--;)with(x)restore(save(),translate(120*(i/11|0),i%11*120),rotate((S(t)/2+i%2*1/2)*Math.PI),fillRect(-90,-30,180,60))

Oct 11 2018 7:10 PM UTC

}// 139/140

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

u/Xen

whaat? thats a sexy dweet!
u/veubeke

😉
u/magna

Using a single transform only saved a couple of characters: d/10328

show FPS hide FPS share 2 remixes fullscreen

anotherkitten

remix of d/9931 by u/Xen

function u(t) {

c.style.background=R();if(t<34)with(x){shadowColor=`hsl(${t*99} 76%66%`
shadowBlur=19
fillRect(9,9,9,9)
translate(25,8)
rotate(t*2.10587)}

Sep 19 2018 12:03 AM UTC

}// 138/140

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

spiral of spirals

u/donbright

id love a shirt like this
u/katkip

that's indeed awesome
u/magna

Neat!

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/9734 by u/yonatan

function u(t) {

eval(unescape(escape`挮獴祬攮晩汴敲㴧楮癥牴⠱✻景爨挮睩摴栽欽㌱㘻欭ⴻ砮晩汬剥捴⠱㔷⭘⩃⡴⤫搪匨琩ⰸ㘫爪䌨㐪吩ⱳ㵫⼵〬猩⥔㵫⼴〫琬砮晩汬却祬攽刨爽㐰⬲〪匨吪㌩ⱘ㵲⩓⠴⩔⤬搽㘰⩃⡔⨳⤬⸷⬨堪匨琩ⵤ⩃⡴⤩⼹㤩`.replace(/u(..)/g,"$1%")))

Sep 11 2018 4:45 AM UTC

}// 139/140

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

#knot quite a remix

u/joeytwiddle

The green and purple shades appeared accidentally when I put code inside R(_,_,_)
u/donbright

i can follow it,, really cool

show FPS hide FPS share 4 remixes fullscreen

f8f82804

remix of d/9617 by u/cantelope

function u(t) {

c.width=480;x.translate(w=240,130);x.rotate(S(t));for(i=17;i--;x.lineTo(w*.7*S(p=1.57*i-t+(g=i/4|0)*11)/(Z=2+C(p)),w*(g%2-.5)/Z));x.stroke()

Sep 6 2018 9:32 PM UTC

}// 140/140

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

compound 3D rotations #d3 #cube #perspective

u/donbright

awesome
u/cantelope

neat trick :)
u/f8f82804

#wireframe

show FPS hide FPS share fullscreen

acorv

function u(t) {

c.width=1920;for(i=1;i<400;i++)j=i%20,w=t*5+j*9+i/600,x.beginPath(),x.arc(960-940*S(w/7)*C(w/3),540-520*S(w/2)*C(w/9),i/20,0,7),x.fill();

Sep 5 2018 3:32 PM UTC

}// 137/140

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

u/donbright

i stare at this at night... i see gray trails!!!
u/joeytwiddle

Could be your monitor is old, or your eyes
u/fujimotos

Oh hey, I can see the gray tails too. It appears when I don't focus on an individual node and try to watch the whole screen.
u/katkip

It's not deep learning but I will #ai this.
u/iverjo

My cat reacts to this ^^ She tries to catch the "fishes"