Dweets awesomed by u/hscells

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

cantelope

remix of d/2554 by u/cantelope

function u(t) {

w=960,v=340,x.fillRect(0,0,w*2,v*4)
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t),Y=2+S(i/5)*S(j/5+t*3),x.clearRect(w+1/j*X*w,v+Y/j*w,s=99/j,s)

Apr 22 2017 6:43 PM UTC

}// 139/140

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

show FPS hide FPS share 3 remixes fullscreen

cantelope

function u(t) {

cx=(c.width|=0)/2,cy=340
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t)*2,Y=3+S(i/5)*S(j/5+t*3),x.fillRect(cx+1/j*X*cx,cy+Y/j*cx,s=99/j,s)

Apr 22 2017 6:28 PM UTC

}// 133/140

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

u/innovati

🌊🏄
u/joeytwiddle

Beautiful
u/cantelope

innovati, i can't tell what those emojis are. lel.
u/Renaud___

great

show FPS hide FPS share 2 remixes fullscreen

prawnwarp

function u(t) {

c.width|=0;for(i=0;i<1920;i+=64){for(j=0;j<1080;j+=64){x.fillStyle=`hsla(${i*j},50%,50%,.3)`;s=S((t*j*.01+i))*64+64;x.fillRect(i,j,s,s);
}}

Apr 21 2017 1:53 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/magna

So pretty!
u/cantelope

you can omit the closing parenthesis for hsla and save 1 delicious byte :)
u/donbright

man this is nice

show FPS hide FPS share 1 remix fullscreen

terkel

function u(t) {

w=c.width,h=c.height
for(i=0;i<90;i++){
x.fillStyle = R(i*(t/200)*4,i*40,150,1/i)
x.fillRect(w/2+S(t)*250*i,h/2+C(t)*(20*i),10,10)
}

Apr 19 2017 7:01 PM UTC

}// 132/140

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

u/Polyducks

This is so smooth. Feels like a radar :>
u/terkel

Thanks mna!

show FPS hide FPS share fullscreen

Polyducks

function u(t) {

c.width=1920
x.fillRect(0,0,1920,1080)
x.fillStyle="#AAAAFF"
for(i=0;i<20;i++){
  a=T(t+i)*10
  x.fillRect(888*i%1920,a,20,a)
}

Apr 18 2017 8:33 AM UTC

}// 127/140

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

*RAIN DROPS*

u/magna

*JAW DROPS*
u/Jenky

Like melting ice :o
u/Polyducks

Aww thanks you guysss!

show FPS hide FPS share 1 remix fullscreen

eruonna

function u(t) {

a=[0,9,0,-9,0]
if(t){if(i>=0){d=(p[i--]+1)%4;p.push(d);j++;b+=a[d];c-=a[d+1];x.lineTo(b,c);x.stroke()}else i=j}else{p=[0];i=j=0;b=960;c=540}

Apr 17 2017 8:56 PM UTC

}// 140/140

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

Works best in full screen, otherwise line is too thin

u/donbright

how does it work ?
u/eruonna

One way to draw the next iteration of the dragon curve is to take the previous iteration and then add it to itself backwards and rotated 90 degrees. Here p is the array of previous steps, j the index of the current step, and i walks backward through p. When i gets to the beginning, we set it equal to j and start over.
u/donbright

thanks, that is fascinating

show FPS hide FPS share fullscreen

hscells

function u(t) {

c.width=1920
x.lineWidth=6
for(i=0;i<20;i+=2)x.arc(960,540,i*30,i,i-(S(t*3)-1)*(Math.PI-2.5)),x.stroke()

Apr 17 2017 11:36 AM UTC

}// 104/140

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

show FPS hide FPS share fullscreen

hscells

function u(t) {

c.width=1920
x.lineWidth=s=99
for(i=0;i<5;i++)x.beginPath(),x.arc(960,540,i*s,i,i-(S(t)+1)*Math.PI),x.stroke()

Apr 17 2017 10:51 AM UTC

}// 110/140

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

show FPS hide FPS share fullscreen

hscells

function u(t) {

w=c.width=1920;s=100;i=s/4;for(y=0;y<c.height;y+=32){i+=C(y)*s;x.fillRect(s*2+S(t*2)*i,y,w-S(t*2)-s*4,1)}

Apr 17 2017 5:59 AM UTC

}// 105/140

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

show FPS hide FPS share fullscreen

hscells

function u(t) {

w=c.width=1920;s=32;for(i=0;i<w;i+=s){for(y=0;y<c.height;y+=s){x.fillStyle=`hsl(${i+y*t},99%,70%)`;x.fillRect(i,y,s,s)}}

Apr 17 2017 5:19 AM UTC

}// 120/140

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

u/sigveseb

Pretty colors!

dwitter.net | hscells (2428)