(cache) Dwitter

+Create new dweet

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.

show FPS hide FPS fullscreen

nystrand

remix of #2727 by joeytwiddle

function u(t){

c.width|=p=(X,Y=X,S=X,D=16,r=_=>C(t+=S*D+t/8e6),k=_=>p(X+S*r(),Y+S*r()/3,S*.8,D-1))=>D&&x.fillRect(X,Y,S,S,x.globalAlpha=.01)&k()&k();p(580)

May 16 2017 10:12 AM UTC

}//140/140

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

joeytwiddle: Thank you for this :)
magna: WOW

show FPS hide FPS fullscreen

hscells

function u(t){

x.fillStyle=`hsl(${9*t},99%,70%)`
x.rotate(t/9*Math.PI)
x.fillRect(0,0,9,2e3)
x.setTransform(1,0,0,1,S(t)*2e2,C(t)*2e2)
x.translate(990,480)

May 16 2017 1:43 PM UTC

}//144/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 fullscreen

nystrand

remix of #2727 by joeytwiddle

function u(t){

c.width|=p=(X,Y=X,S=X,D=15,r=_=>C(t+=S++),k=_=>p(X+S*r(),Y+S*r()/3,S*.8,D-1))=>D&&x.fillRect(X,Y,S,S,x.fillStyle=R(k(),k(),S*D,.01));p(580)

May 16 2017 12:19 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 fullscreen

joeytwiddle

function u(t){

r=Math.random;p=(X,Y,S,D,k)=>D&&(x.globalAlpha=.01,x.fillRect(X,Y,S,S),k=_=>p(X+2*S*r()-S,Y+S*r()/2,S*.8,D-1),k(),k());t||p(900,0,500,18)

May 15 2017 8:38 AM UTC

}//137/140

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

joeytwiddle: Random cloud generator

joeytwiddle: You can click on the code and hit Space to see more clouds
jick: I would love to see a breakdown of how this works.

show FPS hide FPS fullscreen

the_yuhanna

function u(t){

 for(c.width|=a=70;--a;x.arc(500+S(G+t)*200,500+C(t+G*3)*100,a%50*70,20,6.2832))x.moveTo(G=a/6|0,0) 
x.fill('evenodd')

May 15 2017 6:39 PM UTC

}//119/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 fullscreen

MrAndroid

remix of #2740 by MrAndroid

function u(t){

a=1920;b=a*9/16;c.width=a;for(i=0;i<40;i++){x.beginPath();x.arc(a*S(t*i/3)/i+a/2,b*C(t*i/2)/i+b/2,10,0,7,false);x.fill();x.stroke();}

May 16 2017 7:09 PM UTC

}//133/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 fullscreen

MrAndroid

function u(t){

c.width=1920;for(i=0;i<20;i++)
{x.beginPath();x.arc(300*S(t*i)/i+960, 300*C(t*i)/i+540, 10, 0, 2 * Math.PI, false);x.fill();x.stroke();}

May 16 2017 6:52 PM UTC

}//137/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 fullscreen

mxfh

remix of #2719 by keithclark

function u(t){

for(c.width|=a=50;--a;x.arc(960+S(G+t)*400,520+C(t+G*3)*400,a%25*70,0,6.2832))x.moveTo(G=a/25|0,0)
x.fill('evenodd')

May 15 2017 1:17 PM UTC

}//117/140

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

mxfh: single fill draw call with fill-rule and arbitrary computation in moveTo

show FPS hide FPS fullscreen

hscells

remix of #2739 by hscells

function u(t){

x.fillStyle=`hsl(${9*t},99%,60%)`
x.rotate(t*Math.PI)
x.fillRect(0,0,99,2e3)
x.setTransform(1,0,0,1,S(t)*2e2,C(t)*2e2)
x.translate(990,480)

May 16 2017 9:39 PM UTC

}//143/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 fullscreen

jick

function u(t){

w=1800;r=Math.random;x.fillStyle=`hsla(${t*25},50%,50%,.05)`,r()>.2?x.fillRect(r()*w,r()*w/2,99,99):x.clearRect(r()*w,r()*w/2,99,99)

May 15 2017 9:03 PM UTC

}//133/140

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