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

pavel

function u(t) {

for(w=i=c.width|=h=Math.PI/2;i--;x.fillRect(w/2+r*C(i+t),(i<w/3?w/3:i)/2+r/2*S(i+t)*S(t),4,10))r=(i<w/2?i:w-i)/2/C(i%h-h/4-(i%h>h/2)*h/2)

Dec 19 2018 10:57 PM UTC

}// 137/140

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

Diamond

u/joeytwiddle

#model
u/f8f82804

#d3

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=60,x.scale(5,5);i--;x.ellipse(192,20+o*160,o?60:80,o?30:15,0,a=(i>>1)*(o-.5)*.42+S(3*t)*.7,a+7))o=i+i/2&1
x.stroke()

Dec 11 2018 1:37 AM UTC

}// 131/140

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

Twisted Cylinder #beesandbombs

u/pavel

Single stroke call and only ellipse to draw. The lines are canvas connecting the various ellipse draw cal into a single stroke, I just manage the start angles.
u/pavel

o determines which ellipse, 0 is top and 1 is bottom. It goes: top, bottom, bottom, top. Four-cycle to draw two vertical lines and reset. The angle increments every 2 so top and bottom angle is the same.
u/jylikangas

Thanks for writing about the tricks in your dweets.

show FPS hide FPS share fullscreen

rnbw

function u(t) {

c.width^=0;x.fillStyle='#ea23';for(i=0;i++<25;){x.setTransform(S(t+i),C(t+i),0.2,0.2,960,500);x.rotate(2);x.fillRect(99,90,5e3,5e3)}

Nov 19 2018 5:10 PM UTC

}// 132/140

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

it's like staring at the sun, but not nearly as blinding

u/rnbw

(this was me just tinkering around with setTransform - it is SO powerful)
u/crunch

wack
u/crunch

wack
u/katkip

cool
u/joeytwiddle

#sun

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=w=540;i--;)for(x.beginPath(k=3);k--;x.fill())x.arc(p=i%32*99,q=(i>>5)*99,k?20:40,a=2*k+Math.atan2(1+S(t)-q/w,2+C(t/2)-p/w),a)

Nov 18 2018 10:14 PM UTC

}// 140/140

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

Compass Needles #beesandbombs

show FPS hide FPS share fullscreen

veubeke

function u(t) {

c.width^=0
O=t?O.filter(o=>x.fillRect(...o,_=2-o[1]++/400)|_>0):[]
for(i=9;i--;O.push([X,600,50]))x.fillRect(X=(4+i+S(t)*3)*99,400,50,200)

Nov 18 2018 1:07 PM UTC

}// 138/140

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

#default

u/jylikangas

Very nice!
u/DataMeta

Smooth

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

t=S(t)*1.7;for(c.width|=j=0;j++<9;)for(h=5;h-->-4;)for(i=5;i-->-4;x.fillRect(958+h*m*t-j*4,538+i*m*t-j*4,m+4,m+4))m=8*j,x.fillStyle=R(m,m*2)

Nov 13 2018 4:10 AM UTC

}// 140/140

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

diced

u/aleamb

amazing!
u/joeytwiddle

Nice! Small tweak, just swinging left and right: for(c.width|=j=0;j++<9;)for(h=5;h-->-4;)for(i=5;i-->-4;x.fillRect(958+h*m*2-j*4+m*9*S(t),538+i*m*2-j*4,m+9,m+9))m=8*j,x.fillStyle=R(m,m*2)

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!