New #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

metamn

remix of d/10401 by u/rbong

function u(t) {

Y=c.height^=0
while(Y-=40){p=m=>S(Y+t+90*m)*150+150;[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 25 2018 6:31 AM UTC

}// 140/140

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

Retrow

u/lionleaf

#twister

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

New_Core

function u(t) {

c.width=-1
for(i=400;i--;)x.fillRect(20*C(b=(i/(q=50*S(t*.8+i/99)+150)+t)%1.58+i%2*1.58)-(d=40*S(b)/2)+q,a=~~(i/2),d*2,b/2+.1)

Oct 7 2018 2:21 PM UTC

}// 126/140

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

my first twister...=)

u/iverjo

Nice #twister
u/joeytwiddle

It's a very good one #lighting #shading

show FPS hide FPS share fullscreen

New_Core

remix of d/7293 by u/New_Core

function u(t) {

c.width|=V=960,H=560
for(j=99;j--;x.beginPath())for(i=5;i--;x.stroke())Z=C(a=i*1.57+t+5*S(t+j/99))+8,x.lineTo(V+(S(a))/Z*V,H+(6-(j/8))/Z*H)

Mar 25 2018 11:00 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/Xen

very slick
u/joeytwiddle

#twister

show FPS hide FPS share 1 remix fullscreen

snydej

remix of d/6994 by u/snydej

function u(t) {

[0,1,2].map(d=>x.fillRect(0,0,90,90,x.setTransform(s=S(q=d*2.1+t),C(q),S(q+=2.1),C(q),t%8*250,990*S(t/6)**2),x.fillStyle=R(l=140+80*s,l,l)))

Feb 18 2018 7:34 PM UTC

}// 140/140

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

u/magna

WOOOT!!!
u/BuRRak

amazing
u/iverjo

Great idea!
u/13thptr

#twister -like
u/Cloud

#d3

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

Exca

function u(t) {

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

Dec 27 2017 7:58 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 more comments…
u/magna

Wow!
u/Xen

impressive first 2 dweets
u/sigveseb

Very nice
u/mrremix

i really like this one... might do a remix later :]
u/CliffJonesJr

I remixed this into a tornado: https://www.dwitter.net/d/4590
u/lionleaf

#twister
u/Cloud

Milk path
u/vain

cool looking twister / tube

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 fullscreen

iverjo

remix of d/1278 by u/iverjo

function u(t) {

c.width^=0;for(i=5e3;i--;)d=C(p=t+i/3e3+i%4/.637)-S(p),x.fillStyle=R(a=74*d+74,i/t),d>0&&x.fillRect(960+199*S(p)+400*S(t+i/6e3),i/4,199*d,1)

Feb 25 2017 12:55 PM UTC

}// 140/140

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

As suggested by donbright

u/iverjo

#twister

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

dwitter.net | #twister