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

Quant1um

function u(t) {

for(c.width|=i=1400;i-=20;)x.font='300px"',x.fillText('💯',810+i*C(t+i/100),690+i*S(t+i/100))

Sep 15 2018 2:34 PM UTC

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

Jugger

function u(t) {

c.width=700
for(i=1;i<50;i+=0.0625)
x.fillRect(350+S(4*t+i%Math.PI)*200,S(8*t+i*2)*100+200,5,5)

Sep 14 2018 11:32 PM UTC

}// 95/140

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

Infinity! Faster version :O

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

p=frame--;onclick=_=>frame=p>0?-_.x:-p;onmousemove=_=>{x.fillStyle=`hsl(${p/1.6},50%,50%)`;if(p>0)x.fillRect(_.x*3.4-30,_.y*3.4-30,60,60)}

Sep 14 2018 1:45 PM UTC

}// 138/140

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

draw things! click to toggle brush; color based on the X you last turned your brush off at.

Show more comments…
u/joeytwiddle

I made one: https://imgur.com/gallery/ccd0nVl
u/zanella

Cool! #interactive
u/anotherkitten

you can double click somewhere to change color without drawing btw
u/anotherkitten

here is mine: https://i.imgur.com/C5645Yx.png
u/DataMeta

Would be a welcome replacement for paint 3D
u/joeytwiddle

Oh that's a really good picture!

show FPS hide FPS share fullscreen

Quant1um

function u(t) {

eval(unescape(escape`挮睩摴桼㴱㬠欽佢橥捴⹫敹猨瑨楳⤫∢㬠攽⡩⤽㹫孩⭴簰╫⹬敮杴桝㬠砮瑲慮獬慴攨㤶〬㔴〩㬠睩瑨⡸⥦潲⡩㴰㭩㰵㔻椫⬩漽椭琥ㄬ愽ⴹ㤹⼨漫㌰⤬景湴㴶⩯⬹⬧灸∧ⱦ楬汔數琨攨椩Ɐ⨲〪䌨愩Ɐ⨲〪匨愩⤻`.replace(/u(..)/g,"$1%")))

Sep 14 2018 1:39 PM UTC

}// 139/140

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

Spiral of letters

u/kipkat

#text

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9188 by u/f8f82804

function u(t) {

c.width=640;x.font='480px z';for(i=-60;i++<640;x.clearRect(i+32,0,640,480))x.fillText('🏳️‍🌈',i,360+16*S(t*3+i/32));

Sep 13 2018 5:09 PM UTC

}// 115/140

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

playing with #emoji to draw a #flag

u/f8f82804

#pride

show FPS hide FPS share fullscreen

gho.xlrtx@gmail.com

function u(t) {

c.width=1920;for(I=0,X=0.5;I<500;I++,X=(t%32/16+2)*X*(1-X))x.fillRect(I*5,(1-X)*1080,5,5)

Sep 12 2018 7:06 AM UTC

}// 89/140

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

Logistic Map

u/joeytwiddle

Well that bifurcated quickly

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

c.width^=r=a=>x.rotate(a);x[l='translate'](960,a=99);f=d=>d--&&x.fillRect(0,t%1*a,9,9)&x[l](0,a)&r(4)&f(d)&r(4)&f(d)&r(-8)&x[l](0,-a);f(t&7)

Sep 8 2018 5:59 AM UTC

}// 140/140

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

Inspired by d/9635, but with a very different approach: no looping or explicit state #functional #golf

u/donbright

how???????
u/f8f82804

Looping is done by recursion and state is managed with the context's transform stack
u/Toby

Hi, could you explain what x[l='translate'] is accessing, please?

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/5600 by u/p01

function u(t) {

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(t-i)>0&&x.arc(960+(i*960-i*i)**.5*S(t-i),48+i,9-(b=S(t-i-1)*C(Math.acos(i/540-1)+1))**4*9,0,7)

Sep 5 2018 6:50 PM UTC

}// 139/140

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

#specular #halftone #sphere

u/f8f82804

#d3

show FPS hide FPS share fullscreen

donbright

remix of d/9639 by u/joeytwiddle

function u(t) {

x.fillRect(0,0,W=c.width=399,W);for(j=20;j--;x.shadowBlur=j)x.lineTo(S(t*j)*199,C(j*t)*199),x.strokeStyle=x.shadowColor=R(W,W,W),x.stroke();

Sep 5 2018 4: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).

really simple based on Joey Twiddle's work but i kind of like it.

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/9650 by u/Agnes

function u(t) {

A=a=>Math.random()*a;for(P='M960 540',i=Q=255;i--;P+='l'+(20-A(40))+' '+(20-A(40)));x.strokeStyle=R(A(Q),A(Q),A(Q)),x.stroke(new Path2D(P))

Sep 3 2018 9:29 PM UTC

}// 139/140

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

Yarn planet (variant of previous dweet with strokes instead of fills)

u/f8f82804

#path2d
u/donbright

creative