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 1 remix fullscreen

pavel

function u(t) {

for(c.width=480,x.rotate(X=Y=q=.785),r=6;r--;X+=f(0),Y+=f(2))R=1<<r,x.strokeRect(X+265-R,Y-74-R,2*R,2*R),f=n=>R*Math.atan(16*C(t+(n-r%2)*q))

Dec 23 2018 9:53 AM UTC

}// 140/140

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

Squares #beesandbombs

u/katkip

So smooth!

show FPS hide FPS share 1 remix fullscreen

veubeke

function u(t) {

c.width^=0
x.font='6em"'
for(i=9;i--;x.fillRect(25,0,50,200))x.setTransform(1,0,0,-1,(5+i)*99,(600-(t>i&&t-i)**9)),t>i&&x.fillText('🔥',0,0)

Dec 9 2018 11:35 AM UTC

}// 139/140

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

#default #rockets

u/jylikangas

Awesome! :D
u/katkip

#genius
u/Xen

Love it!
u/aleamb

Lol!
u/lucio

Now make the booster land back :-)

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/11131 by u/rodrigo.siqueira

function u(t) {

c.width|=N=890;x.font='3em"'
JSON.stringify(Object.keys(this)).split`"`.some((_,i)=>x.fillText(_,S(t+i)*280+N,N+i*9-Math.abs(S(t/40)*5e3)))

Nov 23 2018 6:13 PM UTC

}// 139/140

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

DNA CODE

u/katkip

that's smart
u/lionleaf

#dna

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(k=n=j=255;j--;k=2,fill())for(beginPath(fillStyle=R(T=(t^k)%2*128,T,i=4));i--;)arc((j%9-t%1)*n+T,(j>>4)*n+T,64*k,a=(i-t%1)*11/7,a)

Nov 13 2018 2:29 AM UTC

}// 140/140

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

u/yonatan

arc?!
u/anotherkitten

oh you sly dog very well done
u/pavel

:)
u/jylikangas

Very cool! You can save 3 bytes by removing the unnecessary %1 from t when calculating a and also doing <<7 instead of *128. If someone is wondering how this works using a+1 instead of a at the end may help. :)
u/katkip

#beesandbombs
u/pavel

Removing %1 at the end breaks the animation on my iPhone.

show FPS hide FPS share 2 remixes fullscreen

anotherkitten

remix of d/10600 by u/anotherkitten

function u(t) {

for(t+=i=17;i--;x.beginPath(x.fill()))p=i+t%1,x.fillStyle=`hsl(${(p-t)*9} 50%${i-t&1?40:60}%`,x.arc(960+C(p+t)*p*p,540+S(p+t)*p*p,5*p*p,0,7)

Oct 22 2018 4:11 AM UTC

}// 140/140

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

odd spiral

Show more comments…
u/veubeke

wow
u/joeytwiddle

I really like these colours
u/pavel

groovy!
u/DataMeta

Niiice!
u/aleamb

yeah! cool!
u/pavel

You use a trick that does not work on iPhone. In the HSL call you need a space between S and L.
u/veubeke

@pavel: here’s a version that works in Safari d/10641

show FPS hide FPS share fullscreen

veubeke

function u(t) {

for(c.width|=i=128;i--;x.fillText('🦈',960+(C($*2)+C($*5)/9)*8*_+S(t)*500,(1-y)*1200))y=($=t+i)/10%1,x.font=((2+S($*2))*(_=10+y*50)|0)+'px"'

Sep 12 2018 8: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).

Sharknado

Show more comments…
u/f8f82804

#emoji
u/Xen

Love It!
u/aleamb

lol!
u/f8f82804

#d3
u/sigveseb

Haha
u/zanella

... and THAT, my friends, is the reason why Dwitter was invented.
u/magna

Very topical
u/joeytwiddle

#emoji #tornado

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

x.fillRect(0,0,c.width=w=255,w)
for(i=99;i--;x.fill(x.arc((t*b*i+i*i)%w,99+b,5+b/5,!x.beginPath(),7)))b=i&1?1:-1,x.fillStyle=R(w,b*w,b*w,.2)

Jun 26 2018 3:22 AM UTC

}// 140/140

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

Highway at night #bokeh

u/lionleaf

I like it! #traffic
u/magna

2 chars shorter, yellow headlights: with(x)for(i=fillRect(0,0,c.width=w=255,w)|99;i--;fill(arc((t*b+i)*i%w,99+b,5+b/5,!beginPath(),7)))b=i&1?1:-1,fillStyle=R(w,b*w,b*w*.8,.2)
u/aleamb

absolutely beautiful, magna
u/joeytwiddle

Love it. Reminds me of Mercury - The Timeless. Would be great to get some z-axis going.
u/magna

Thanks folks!

show FPS hide FPS share fullscreen

aleamb

function u(t) {

c.width=512;b=136;for(y=b;e=0.7*y,f=y-60,f*=f,y-=2;)for(m=b;m--;)d=m-70,z=S(t)*b*Math.exp(-1e-3*(f+d*d)),x.fillRect(m+e+b,-z+e+100,1,1)

Feb 14 2018 1:37 AM UTC

}// 135/140

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

Shorter version: c.width=512;b=136;h=60;for(a=b*b;a--;)m=a%b-h,y=a/b-h,e=0.7*y,x.fillRect(m+e+100,S(t)*b*Math.exp(-1e-3*(y*y+m*m))+e+150,1,1)

u/iverjo

Further, 0.7 can be replaced with .7
u/aleamb

#function #p3d
u/aleamb

#math
u/aleamb

#d3

show FPS hide FPS share 4 remixes fullscreen

Moosething

function u(t) {

x.globalCompositeOperation='xor';
x.fillRect(960,1079,1,1)
x.drawImage(c,-1,-1)
x.drawImage(c,1,-1)

Jan 11 2018 3:20 PM UTC

}// 99/140

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

Show more comments…
u/Xen

nicely done
u/Jezza

Very cool!
u/sandromiccoli

beautiful
u/Qwitter

Nice!
u/nyarmith

wild
u/katkip

#gameoflife
u/katkip

(it really is a game of life rule)

show FPS hide FPS share fullscreen

DirtyDan

remix of d/5711 by u/DirtyDan

function u(t) {

b=540
c.width=1920
t*=t
for(i=0;i<b;i++){
x.fillStyle=`hsla(${i+t*20},90%,50%,.3)`
x.fillRect(960+i*C(r=i/b*t)-25,s=b+i*S(r)-25,50,50)
}

Jan 7 2018 8:14 PM UTC

}// 137/140

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

credit to u/DonKarlssonSan for the color code (from d/5714)

u/DirtyDan

d/5714
u/DonKarlssonSan

Yea, hsl is good for rainbow colors. I use it all the time on CodePen, like this one: https://codepen.io/DonKarlssonSan/pen/XdQGoY
u/DirtyDan

New to javascript, didn't know editing a hue value was an option, thanks.
u/Xen

dude.... join the chat, eveyones there ready for questions ;-)
u/nml

whoa