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

Jenky

function u(t) {

r=210;X=Y=O=20;n=new Date/1e3
b=d=>{x.fillStyle=R(d?0:r);x.fillRect(X,Y,r,r);Y+=X<r*7?0:O+r;X=X<r*7?X+O+r:O}
for(i=2;i<5e9;i*=2)b(n%i>=i/2)

Mar 8 2017 1:17 PM UTC

}// 139/140

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

Binary representation of number of seconds passed since 1 Jan 1970

u/donbright

super cool

show FPS hide FPS share fullscreen

donbright

remix of d/1871 by u/walsh9

function u(t) {

圈=(n,d,N,D)=>{d+D<15?(圈(n,d,n+N,d+D),圈(n+N,d+D,N,D),w=2e3,m=d+D,x.beginPath(),r=w/m/m/2,x.arc(w*(n+N)/m,r,r,0,7),x.fill()):1}
圈(0,1,1,1)

Mar 7 2017 11:35 PM UTC

}// 136/140

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

basic Ford's Circles (sort of like Apollonian Circle Packing but every circle touches the floor, or here, the ceiling)

u/donbright

#math
u/donbright

see also https://www.dwitter.net/d/15086 by @taupelink
u/donbright

#numbertheory
u/taupelink

nice!

show FPS hide FPS share fullscreen

parabola

remix of d/1868 by u/farter

function u(t) {

t||(a=[],c.onmousemove=e=>a.push([e.pageX,e.pageY,35,35]));c.width=568;a=a.filter(o=>(x.fillStyle=R(...o),x.fillRect(...o),o[2]=o[3]--))

Mar 4 2017 7:00 PM UTC

}// 136/140

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

u/iverjo

What does R(...o) do?
u/iverjo

Found it :) It's the rest operator in ES6. Cool! https://github.com/lukehoban/es6features#def…
u/iverjo

I meant the spread operator
u/fujimotos

#interactive

show FPS hide FPS share 2 remixes fullscreen

scottglz

function u(t) {

c.width^=0;x.lineWidth=1080;x.setLineDash([110+S(t*3)*100,110+S(t*2)*100]);x.strokeRect(0,0,1920,1080)

Mar 4 2017 5:24 AM UTC

}// 102/140

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

u/iverjo

+1 for the novel technique

show FPS hide FPS share fullscreen

dh7

function u(t) {

c.width+=0;for(i=-2;i<2;i+=.05)for(j=-4;j<4;j+=.05){
k=5*C(j/2)*C(j/2)+S(3.3*j-5.4*t)*C(4.2*i-4.1*t);x.fillRect(j*240+960,-i*240+540,k,k)}

Mar 4 2017 12:00 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/iverjo

Nice halftone smoke. This technique deserves more attention, in my opinion

show FPS hide FPS share 1 remix fullscreen

fnurgel

function u(t) {

c.width=2e3;
for(i=2e3;i--;)p=S(t/2),q=S(t),x.fillRect(0,i/2,1920,S((p*(1e3-i)/500)%360+i/100+q+(i-i%100)*2)/1.5)

Mar 2 2017 10:58 PM UTC

}// 114/140

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

u/SpecialAgent

Nice gradient
u/UEZ

#rasterbars

show FPS hide FPS share fullscreen

kchplr

function u(t) {

G=t=>(10+Math.random()*50<<2).toString(16)
x.font='4em A'
s=G()+G()+G()
x.fillStyle='#'+s
x.fillText(s,100+(t*6|0)*260,100+(t*6%1*10|0)*100)

Mar 2 2017 4:22 PM UTC

}// 140/140

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

Trying to reproduce https://twitter.com/AtticusBones/status/8370… as closely as possible

u/sfz

cute!
u/iverjo

+1 for the novelty
u/DataMeta

#colors
u/DataMeta

#colors

show FPS hide FPS share fullscreen

AaronGiles

function u(t) {

t*=4;x.rotate(0);c.width|=0;for(i=255;i>=0;i-=.1)x.fillStyle=R(i,i^128,256-i,i/256),x.rotate(i),x.fillRect((200*t+i*7-200)%1999,0,60,10)

Mar 2 2017 8:29 AM UTC

}// 136/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/1727 by u/SpecialAgent

function u(t) {

if(!t)c.width=w=896;for(z=t*60,Y=448,X=(z>>0)%w,h=X/12;Y--;)x.fillStyle='hsl('+(X&Y?z-Y+','+h:X+Y+z+','+(99-h))+'%,48%)',x.fillRect(X,Y,1,1)

Mar 2 2017 1:08 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/sigveseb

those colors!
u/SpecialAgent

nicely done!
u/SpecialAgent

nicely done!
u/donbright

super

show FPS hide FPS share fullscreen

Niklas

remix of d/1675 by u/Niklas

function u(t) {

for(c.width|=0,q=100,i=q;i--;)for(a=i*.031+t*5,j=q;j--;)b=j*.031+t*5,x.fillRect(500+10*i+q*C(b),480+5*(j+q)/2.5*S(a),3,3);

Mar 1 2017 4:05 PM UTC

}// 122/140

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

u/iverjo

Now imagine Jasmine and Aladdin flying around on that carpet while singing "A whole new world"