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

hypothete

function u(t) {

;x.font='99px c';x.fillText('💲',190+C(t*5)*200,350*S(t*3)+580);x.drawImage(c,9,0);x.fillText('💸',0,Math.random()*1080);

May 30 2017 6:36 AM 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 share 1 remix fullscreen

mxfh

remix of d/2759 by u/magna

function u(t) {

x.globalCompositeOperation='source-out';s=2**.5;H=500;d=(S(t/3)+1)/2*H;w=H-d;x.beginPath();x.arc(C(t)*d+H*2,S(t)*d+H,w,0,7);x.fill()

May 23 2017 9:06 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/magna

Whoa! I had no idea about the potential effect of "source-out"...
u/mxfh

me neither ;)
u/mxfh

#arc #compositing
u/mxfh

#tunnel
u/rafroller

#moire #moiré

show FPS hide FPS share 1 remix fullscreen

codeartisticninja

function u(t) {

n=(S(t)+1.125)*64;x.font=n+"px s";
x.fillText("💩", 1920/2-n*.666, 1080/2);
x.drawImage(c, n*4,n*4,1920-n*8,1080-n*8, 0,0,1920,1080);

May 23 2017 7:22 AM UTC

}// 133/140

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

u/magna

This dweet is poop!
u/lionleaf

That one gave me a good laugh

show FPS hide FPS share 1 remix fullscreen

unwiredben

function u(t) {

a=t*60|0;b=a%52;c=a/52;c=(c|0)%18;
x.fillStyle=R(a%255,0,0)
x.font="80px courier"
x.fillText(Math.random()>.5?"/":"\\",b*36,c*60+60)

May 12 2017 4:10 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/jick

Nice.

show FPS hide FPS share fullscreen

prawnwarp

function u(t) {

c.width|=0;for(i=0;i<1920;i+=64)for(j=0;j<1080;j+=64){h=3.14+3.14*C(i*0.1+t*(j-540)*0.01);x.beginPath();x.arc(i,j,32,h,h+3.14);x.stroke();}

May 3 2017 11:32 AM 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 fullscreen

joeytwiddle

remix of d/2355 by u/cantelope

function u(t) {

x.save(),x.translate(960,540);for(i=95;i--;x.fillStyle=`hsl(${i*6-t*99},99%,60%`,x.fillRect(a=i*i/9,a,-a*2,-a*2),x.rotate(t/3));x.restore()

Apr 27 2017 4:54 PM UTC

}// 139/140

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

Minor remix that shows off the patterns in the spiral, as pointed out by sfz on the original dweet.

u/magna

Wooo!
u/joeytwiddle

Oeps too fast again! t/19 might look smoother for you

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

a=c.width=2e3;for(j=15;j--;){q=j*9;for(i=50;i--;)x.lineTo(i*(40+q),(99-j*5)*S(t*j*.5+i)+300+j*60);x.lineTo(0,a);x.lineTo(a*2,a);x.stroke()}

Apr 21 2017 12:08 PM UTC

}// 139/140

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

a quick paralx idea, ofcourse would been nicer filled in colors ;) wonder if it can be shorten enough for that.

u/donbright

remix https://www.dwitter.net/d/2547
u/lionleaf

Reminds me of https://www.dwitter.net/d/113
u/joeytwiddle

More sine waves here https://www.dwitter.net/d/1509 ;)
u/13thptr

#parallax

show FPS hide FPS share 1 remix fullscreen

eruonna

remix of d/2522 by u/magna

function u(t) {

c.width|=0
t?0:n=0
onkeyup=e=>n++
x.font='50px monospace';
((u+'').slice(0,n%154)+' |'[t&1]).split('\n').map((r,i)=>x.fillText(r,0,++i*50))

Apr 18 2017 6:27 PM UTC

}// 139/140

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

Hacker typer

u/sigveseb

nice
u/magna

Can be used when your boss catches you looking at dwitter.net at work.

show FPS hide FPS share fullscreen

eruonna

function u(t) {

for(c.width&=i=-9;i<9;i++,x.fillStyle=`hsl(${9*i},99%,50%`,x.beginPath(),r=i*40,x.arc(960+r*S(t/Math.abs(i)),540+r*C(t/i),20,0,6),x.fill());

Apr 14 2017 8:43 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/donbright

fascinating that they dont seem to overlap (ever?)

show FPS hide FPS share 1 remix fullscreen

Woodmouth

function u(t) {

if(t==0){a=99;b=a;d=0}
m=Math
x.fillRect(a+=9*m.sin(d),b+=9*m.cos(d),9,9)
d+=m.random()-.5
if(b>1080)d=3
if(b<0)d=0
if(a>1920)d=5
if(a<0)d=2

Apr 11 2017 6:16 PM UTC

}// 140/140

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

Let me know if you find a better way to keep the "fly" within the canvas. (Other than 4 if-statements i mean)

Show more comments…
u/reportbase

You should use fillstyle to vary the color a little i think.
u/Artfarnaa

You can use C instead of m.c.
u/donbright

t?x.fillRect(a+=9*S(d),b+=9*C(d),9,9):(b=a=99,d=0) d+=Math.random()-.5 d=b>1080?3:(b<0?0:(a>1920?5:(a<0?2:d)))
u/donbright

that will free up 30 characters. line split before d+ and d=b
u/joeytwiddle

Nice compass movement! I like don's if?then:else but i think his (parentheses) can be left out
u/joeytwiddle

An alternative is to wrap around: fillRect(a=(1920+a+9*S(d))%1920,b=(1080+b+9*C(d))%1080,9,9)
u/z3vin

this is so frickin' cool! combo of joey n dons 96 chars: t?x.fillRect(a=(1920+a+9*S(d))%1920,b=(1080+b+9*C(d))%1080,9,9):(b=a=99,d=0),d+=Math.random()-.5
u/Woodmouth

Thanks, that looks really good. Still looking for an actual boarder though, just because of how cute it is when it keeps bumping into the wall.
u/Woodmouth

Ohh, nvm, Donbright does that. (I was just looking that the combo)
u/New_Core

maybe a x% less chance going the direction against a border the closer it gets to it could make a nice pattern. (just an idea, dont know how to do it)
u/donbright

nice work @joeytwiddle is correct abt my parenthesis