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

donbright

remix of d/1399 by u/Kalanchoe

function u(t) {

c.width^=0
t?o.push({X:1e3,Y:500,U:9*S(t),V:t%9}):o=[]
o.map(a=>{a.X+=a.U+=a.X>1e3?-.1:.1,a.Y+=a.V+=a.Y>500?-.1:.1,x.fillRect(a.X,a.Y,9,9)})

Mar 15 2017 12:03 AM UTC

}// 140/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

sfz

remix of d/2072 by u/sfz

function u(t) {

c.width|=h=540
for(i=42;i--;){a=S(t)*h/i
b=C(t)*h/i
x.beginPath()
x.arc(960,h,i*i,0,Math.atan2(a,b),0)
x.fillStyle=R(0,a*b,3*i,.1)
x.fill()}

Mar 12 2017 6:36 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 FPS hide FPS share fullscreen

remix of d/2041 by u/donbright

function u(t) {

c.width=1024;w=120;for(i=w*w;i--;)X=i%w,Y=i/w>>0,P=8*((1-t*t)*X*X/(3+t*t)+55*t*Y*Y/(1+t*t)),x.fillRect(10+X*10,Y*10,P%21,P%101)

Mar 11 2017 11:12 AM UTC

}// 129/140

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

u/donbright

this is fascinating the way it highlights the line. after a while it looks like weird rain drops.

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/1863 by u/SpecialAgent

function u(t) {

c.width=1024;w=64;for(i=w*w;i--;)X=i%w,Y=i/w>>0,P=128*((1-t*t)*X*X/(1+t*t)+2*t*Y*Y/(1+t*t)),x.fillRect(200+X*10,Y*10,P%11,P%11)

Mar 11 2017 2:03 AM UTC

}// 129/140

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

No Sine or Cosine were harmed in the making of this demo. It is not random - and if it runs long enough it should theoretically become a still image

u/sfz

Those ripples are tripping me out
u/donbright

note to future self - this varies from x*x + y*Y to x*x-y*y (circle to hyperbola) by using the rational parameterization of the circle with one variable parameter, where (1-t**2)/(1+t**2) is an alternate to cosine and 2t/(1+t**2) is an alternate to sine. (or vice versa i forget lol)
u/magna

Awesome!
u/z3vin

So cool

show FPS hide FPS share fullscreen

donbright

remix of d/2001 by u/jonbro

function u(t) {

W=(p)=>(p<0?-p:p)%256
for(i=1920;i-=16;)for(j=1080;j-=12;)p=C(t/3)*i*i+S(t/9)*j*j,x.fillStyle=R(W(p/5),W(p/9),W(p/3)),x.fillRect(i,j,16,12)

Mar 10 2017 1:25 AM UTC

}// 139/140

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

remixing jonbro and netgrind 's use of color in circle / square style patterns. added some hyperbolas. longer you stare at this the weirder the patterns get - it doesnt' repeat for quite a long time

u/SpecialAgent

This is very hypnotic

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width=96;for(i=9;i--;x.fillRect(20+i*5+S(t)*15,20,2,10));(i=new Image).src=c.toDataURL().replace(t&9,0);try{x.drawImage(i,0,0)}catch(e){}

Mar 7 2017 11:02 PM UTC

}// 139/140

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

Requires Chrome

u/scottglz

That's scary, love it.
u/tapgiles

It's so AWESOME!!
u/magna

It doesn't glitch like it used to, probably after an update to Chrome's JPEG lib or something...
u/magna

#default #glitch

show FPS hide FPS share fullscreen

unstructuredmesh

function u(t) {

t||x.translate(960,540);i=t,a=S(i),x.fillStyle=R(100+155*a,0,0,1),x.fillRect(32*i*a*a*a,-2*i*(13*C(i)-5*C(2*i)-2*C(3*i)-C(4*i)),9,9)

Mar 4 2017 6:51 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/FireFly

♥
u/sfz

💗

show FPS hide FPS share 2 remixes fullscreen

SpecialAgent

function u(t) {

w=c.width=64;for(i=w*w;i--;)X=i%w,Y=i/w>>0,P=128+128*(S(X/8+t)+S(Y/8+t)+t),x.fillStyle=`hsl(${P},99%,50%)`,x.fillRect(X,Y,1,1)

Mar 4 2017 12:03 PM UTC

}// 128/140

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

Old school plasma effect

u/iverjo

Good stuff
u/joeytwiddle

#plasma

show FPS hide FPS share fullscreen

quidnovum

remix of d/888 by u/jczimm

function u(t) {

c.width=1920;q=l=>1+S(l)*S(l)
for(i=0;i<300;i++)for(j=0;j<6;j++){x.fillRect(960+200*C(i)/q(i)*S(T(t/1.1)+j/i),540+200*S(i)*C(i)/q(i),10,10)}

Mar 2 2017 6:03 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 FPS hide FPS share fullscreen

ClayCowgill

function u(t) {

r=_=>Math.random()*255
x.rotate(t/10);
x.shadowBlur=r();x.shadowColor=R();
x.fillStyle=`hsl(${r()},100%,50%)`,x.fillRect(t*20,t*20,50,50)

Mar 2 2017 7:55 AM UTC

}// 137/140

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

u/donbright

cool
u/SpecialAgent

nice effect!