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) {

d=960;e=1080;
z=t*d%1920;
f=1;l=1;
x.font='200px Arial';
y=-d*Math.abs(S(t*f*Math.PI*2)/Math.exp(t*l));
x.fillText('🃏',z,e+y);

Mar 10 2017 6:43 AM UTC

}// 127/140

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

u/sfz

I feel like I just won one card solitaire!
u/iverjo

Me too!
u/iverjo

Reminds me of Windows 3.1
u/sfz

Btw - you can change font to '14em a' or similar to save some bytes
u/hypothete

thx sfz!
u/stiaje

If you don't need a very exact pi you can also shave some bytes off.

show FPS hide FPS share 1 remix fullscreen

RavenWorks

function u(t) {

if(!t){w=0
z=0
a=0
x.scale(9,9)}
x.beginPath()
x.moveTo(w,z)
w+=C(a+=S(t*C(t)))
z+=S(a)
x.lineTo(w,z)
x.stroke()
w=(w+214)%214
z=(z+120)%120

Mar 10 2017 1:50 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/donbright

i love these little curlies!!
u/SpecialAgent

Very unique and creative!
u/donbright

remixed https://www.dwitter.net/d/2033 by recursive, with this, and got this: https://www.dwitter.net/d/2037
u/aemkei

Playing with the numbers and some color: https://www.dwitter.net/d/2059

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).