Top #twister dweets

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

pavel

remix of d/12693 by u/danny@hille.dk

function u(t) {

for(i=c.width|=p=240;i--;e>0&&x.fillRect(q+i%5*500,i-p,e,20))q=S(a=3*S(t/2)+i*.3146)*p,e=C(a)*p-q,x.fillStyle=`hsl(${i*90},99%,${8*e**.3}%`

Mar 9 2019 3:54 AM UTC

}// 139/140

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

u/katkip

This looks so much like a WebGL dweet but it isn't.
u/joeytwiddle

#twister

show FPS hide FPS share 3 remixes fullscreen

danny@hille.dk

function u(t) {

eval(unescape(escape`景爨呗㵉㴾匨琪㌫爫䤪ㄮ㘩⨶〬挮睩摴栽礽㜰〻搽呗⡲㵹⼲㔵⤬礭㴲㬩景爨椽㐻渽呗⡩⤬洽呗⡩⬱⤬戽㈵㔪⡭⵮⤯㜰ⱸ⹦楬汓瑹汥㵒⡩┲㼰㩢ⰰⱩ┲☦戩Ⱪⴭ㬩渼洦♸⹦楬汒散琨渫搫㌵〬礬洭測㈩`.replace(/u(..)/g,"$1%")))

Sep 29 2020 2:59 PM UTC

}// 134/140

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

Nothing new, it has all been done before. I just had to try again :-) #twister for(TW=I=>S(t*3+r+I*1.6)*60,c.width=y=700;d=TW(r=y/255),y-=2;)for(i=4;n=TW(i),m=TW(i+1),b=255*(m-n)/70,x.fillStyle=R(i%2?0:b,0,i%2&&b),i--;)n<m&&x.fillRect(n+d+350,y,m-n,2)

show FPS hide FPS share 4 remixes fullscreen

rbong

function u(t) {

Y=c.height^=0
while(Y-=40){p=m=>S(Y+t+90*m)*250+250;[0,1,2,3].map(m=>{a=p(m),b=p(m+1%4),x.fillStyle=R(a,b,50);a<b&&x.fillRect(a,Y,b-a,40)})}

Oct 13 2018 8:48 PM UTC

}// 140/140

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

Classic Twister Effect

Show more comments…
u/rbong

#classic #twister
u/BirdsTweetCodersDweet

Remix at d/10435
u/BirdsTweetCodersDweet

And another at d/10436, cause I couldn't help myself with the colors
u/Purpzie

Shortened by 10 characters: c.height|= p=m=>(S(Y+t+m*90)+1)*250;for(i=108;i--,Y=(0|i/4)*40;a<b&&x.fillRect(a,Y,b-a,40))x.fillStyle=R(a=p(m=i%4),50,b=p(m+1%4))
u/Purpzie

Oh woops it should be c.height|=p=m=>(S(Y+t+m*90)+1)*250;for(i=108;i--,Y=(0|i/4)*40;a<b&&x.fillRect(a,Y,b-a,40))x.fillStyle=R(a=p(m=i%4),50,b=p(m+1%4))
u/Purpzie

Okay dwitter hates me now, there should be a newline afterc.height|=
u/Purpzie

Honestly there should be an edit button for comments. Forgot to mention I changed the color but it has no effect on code length

show FPS hide FPS share fullscreen

lewdev

remix of d/31978 by u/joeytwiddle

function u(t) {

for(h='<div style=perspective:9vw>',i=20;i--;)h+=`<p style=transform:rotateY(${7*C(i/20+t)}rad);font:5vh'>${x+x}`
document.body.innerHTML=h

Jul 6 2024 1:52 AM UTC

}// 139/140

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

#text #perspective #twister works in fullscreen

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/27279 by u/joeytwiddle

function u(t) {

for(h='<div style=perspective:99vw>',i=20;i--;)h+=`<div style=transform:rotateY(${7*C(i/27+t/2)}rad)>${x+x}</div>`
document.body.innerHTML=h

Jun 9 2024 3:37 PM UTC

}// 140/140

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

#text #perspective #twister fixes

u/cantelope

neat
u/lewdev

What the heck is perspective? This is so cool! I changed its value to 30vw which made the effect a lot more dramatic 😁

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/27271 by u/joeytwiddle

function u(t) {

for(h='<i style=perspective:400px>',i=20;i--;)h+=`<div style=transform:rotateY(${7*C(i/27+t/2)}rad)>${c+c}</div>`
document.body.innerHTML=h

Mar 26 2023 6:59 PM UTC

}// 139/140

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

#text #perspective #twister

u/joeytwiddle

If you keep seeing 0s, try x+x instead of c+c
u/joeytwiddle

Oops! Chrome, Opera and Brave require <div> instead of <i>

show FPS hide FPS share 1 remix fullscreen

danr

remix of d/4136 by u/Exca

function u(t) {

for(i=0;i<1100;i++){d=C(t+1*i),s=i==0?2920:9-d*49;x.fillStyle=R(i,i,i,0.1);x.fillRect(S(t*2.5+3*i)*220*S(C(t)+i%50)+960*(i==0?-1:1),i,s,s);}

Dec 28 2017 2: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/joeytwiddle

#ghostly #twister #dna

show FPS hide FPS share fullscreen

donbright

remix of d/1232 by u/iverjo

function u(t) {

a=2e3;c.width=a;for(i=2*a;i--;)p=S(t)*i/a+i%4/.637,d=C(p)-S(p),d>0&&x.fillRect(a/2+99*(S(p)+S(t)),i/4,99*d,1/(d+1)),x.fillStyle=R(i/9,d*a/8)

Feb 25 2017 1:54 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/iverjo

Nice :) Better colors than mine
u/iverjo

By saving golfing 2 characters I managed to make the twister bigger:
u/iverjo

c.width=a=2e3;for(i=2*a;i--;)p=S(t)*i/a+i%4/.637,d=C(p)-S(p),d>0&&x.fillRect(a/2+199*(S(p)+S(t)),i/4,199*d,1/(d+1)),x.fillStyle=R(i/9,d*a/8)
u/iverjo

A little more movement: c.width=a=2e3;for(i=2*a;i--;)d=C(p=S(t)*i/a+i%4/.637)-S(p),d>0&&x.fillRect(a/2+199*S(p)+399*C(t),i/4,199*d,1/(d+1)),x.fillStyle=R(i/9,d*a/8)
u/donbright

wow that is awesome!!! i really do miss how yours spins all the way around.
u/donbright

#twister

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width|=0;for(j=9;j--;)for(i=100;i--;X=i%5+j*10+S(t)*30,Y=i/5|0,x.fillRect(400+X*10+S(t+X+Y)*C(t)*9,400+Y*10,10,10));

Apr 2 2017 3:27 AM UTC

}// 118/140

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

u/sigveseb

How does this not have more upvotes?! So stylish!
u/magna

Thanks! :)
u/magna

#default
u/iverjo

#twister

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

remix of d/25089 by u/danny@hille.dk

function u(t) {

for(d=S(t/7)*6,w=i=c.width=800+40*d|0;i--;)x.fillText(code[i%131],w/5-S(t/4+i/(99-d/9)*d/9)*w/9+S(t+i)*(99-i**.7)/(i+99)*200+w/3,i)

Mar 17 2022 4:13 PM UTC

}// 131/140

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

Code tornado remix - #quine #twister

dwitter.net | #twister