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

diracdelta

remix of d/10360 by u/diracdelta

function u(t) {

a=0,y=0
for(i=0;i<t;i++){r=Math.random()*3;
u=r<1?-.5:(r<2?-1:0)
v=r<1?0:(r<2?-1:-1)
a-=u;a/=2;y-=v;y/=2;x.fillRect(a*1920,y*1080,1,1)}

Oct 13 2018 6:02 AM UTC

}// 135/140

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

wait for it...

show FPS hide FPS share fullscreen

bi1yeu

function u(t) {

w=1920;r=Math.random;for(i=0;i<2000;i++){T=Math.pow(4,t);x.fillRect(r()*(w+T),r()*(1080+T),r()*4+2,r()*4+2)}T==Infinity?c.width=w:0;

Oct 13 2018 4:57 AM UTC

}// 132/140

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

night sky

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(x.fillRect(0,0,i=W=c.width=600,W);i-=5;)for(j=0,a=((W*i^1e7)+t*W)%W;j<a;x.fillText(i/j&1,i,j+=9))x.fillStyle=R(0,W,0,1-(a-j)/200)

Oct 13 2018 3:51 AM UTC

}// 133/140

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

Matrix Rain

u/lionleaf

Nice! #matrix

show FPS hide FPS share fullscreen

avery

function u(t) {

w=960
h=540
r=Math.random
if(!u.i|t%4<.1){u.i=r();u.j=r();u.k=r();c.width+=0}
a=w+S(t*5*u.i+u.k)*w
b=h+C(t*5*u.j+u.k)*h
x.fillRect(a,b,9,9)

Oct 13 2018 1:26 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

BuRRak

function u(t) {

username
// Why is this not undefined?

Oct 12 2018 1:15 PM UTC

}// 38/140

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

u/BalintCsala

The gif recorder needs it
u/BalintCsala

It's not your username as far as I'm aware
u/joeytwiddle

throw username is undefined for me. What browser/plugin?

show FPS hide FPS share fullscreen

Shirou14

function u(t) {

w=(c.width/2)
a=125
for(i=0;i<20;i++)
x.fillRect(w/20*i*T(t)+w+t,w/20*i*C(t)+c.height/2+t,10,10)
x.fillStyle=R(a*S(t),200,a*S(t/3), 1)

Oct 12 2018 7:30 AM UTC

}// 136/140

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

well, it's a thing

show FPS hide FPS share fullscreen

geb

remix of d/10320 by u/veubeke

function u(t) {

c.width^=t
for(i=190;i--;)with(x)restore(save(),translate(120*(i/11|0),i%11*120),rotate((S(t)/2+i%2)*t),fillRect(-80+t,-80+t,80+t,80+t))

Oct 11 2018 10:14 PM 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

Purpzie

remix of d/10294 by u/Purpzie

function u(t) {

for(x[s='fillStyle']='#0021',x[r='fillRect'](0,0,2e3,2e3),i=1e3;i--;x[r](960+S(i**9)*850*T(t),540+C(i)*550,13,13))x[s]=`hsl(${t*99} 99%75%)`

Oct 11 2018 6:54 PM UTC

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

SuperFromND

remix of d/9832 by u/prplz

function u(t) {

x.fillStyle='#0005'
x.fillRect(0,0,2e3,2e3)
for(i=7000;i-=7;x.clearRect(C(q)*200+960+C(i)*C(t)*i,S(q)*C(t)*600+540+T(i)*320,32,32))q=t*4-i/2

Oct 11 2018 6:30 AM UTC

}// 140/140

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

Swirly

show FPS hide FPS share fullscreen

f8f82804

remix of d/10293 by u/f8f82804

function u(t) {

with(x)for(i=c.width=320;i--;fillText('👹',155*(i?1+S(i^3*t):.4),90*(i?1+C(t-i):1.8)))i||(font='5cm a',globalCompositeOperation='xor')

Oct 10 2018 5:07 PM UTC

}// 133/140

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

complex #emoji give interesting results with some #composite operations, at least in Firefox

u/f8f82804

It looks like each shape is drawn in a separate pass, which causes strange results! The only alternative would be to render the glyph to an off-screen canvas and then paint the image with appropriate compositing. This is hard to do in 140 chars!
u/f8f82804

update: on Firefox Android, the font rendering behavior is different