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

sfz

remix of d/2171 by u/sfz

function u(t) {

c.width=w=540;t*=7;for(i=l=129;i>69;t+=i--)for(j=7;j--;)h=t*i%w,a=h-l>l,x.fillRect(t%w+(a?9*S(t/j):0),a?w/2+h%7*C(t/j):h,h<w*.6,a||9)

Mar 18 2017 5:47 AM UTC

}// 133/140

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

Bit rainy

show FPS hide FPS share 1 remix fullscreen

sfz

remix of d/2158 by u/sfz

function u(t) {

c.width=w=480;x.fillRect(0,0,w,w);t*=3;for(i=99;i--;t+=i)for(j=7;j>0;x.fillText((u+'')[~~t*j%137],t%w,t*i%w-i*j--))x.fillStyle=R(0,i?w:0)

Mar 17 2017 5:15 AM UTC

}// 137/140

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

Metamatrix

u/donbright

i wonder if there is a way to mix this with Kalanchoe's technique from https://www.dwitter.net/d/1395
u/donbright

something like this r=Math.random t?o.push({X:480*r(),c:~~(r()*99),Y:0,ẏ:1}):(o=[]) c.width=480 o.map(a=>(x.fillText(String.fromCharCode(a.c++),a.X,a.Y+=a.ẏ)))
u/sfz

well, if you change the for loop to something like for(i=99;i>18;t+=i--) it gets rid of the clumpy crap on the left side, but I didn't figure that out until afte posting.
u/scottglz

The clumpy crap is my favorite part
u/joeytwiddle

#matrix

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/1791 by u/Run

function u(t) {

t*=4;c.width*=1;for(i=0;i<1550;i++)x.fillRect(X=i+S(t+i)*300,400+200*C(t+i)+200*S(X/300+t),50,50),x.fillStyle=`hsl(${X/7+t*90},80%,50%)`

Mar 2 2017 10:53 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/donbright

the happiest sandworm on dune
u/iverjo

#worm
u/iverjo

#colors #rainbow
u/iverjo

#sine

show FPS hide FPS share fullscreen

magna

function u(t) {

n=64;for(j=n;j--;)for(i=n;i--;c=j<6&i<16?'@疄㖄ᖄ犜'.charCodeAt(j)-n&2<<i:S(t+=t*t|5),x.fillStyle=R(c*=255,c,c),x.fillRect(i*30,j*16,n,n));

Feb 28 2017 10:38 PM UTC

}// 135/140

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

Live feed from Amazon Data Center - Feb 28, 2017

show FPS hide FPS share fullscreen

FireFly

function u(t) {

if(t%12<.01)c.width|=0;x.beginPath();for(i=12;i;x.moveTo(960+40*i*C(T),540+40*(i-1)*S(T)),x.arc(940,540,40*i,T,T=t/8%1*--i*6.28));x.stroke()

Feb 28 2017 12:21 PM UTC

}// 140/140

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

u/SpecialAgent

Impressive! Reminds me of a clockwork orange.

show FPS hide FPS share fullscreen

bligglenuber

function u(t) {

w=30;h=w/1.8;c.width=w*2
a=(1+C(t*12))/2.4;x.arc(w,h,w/3,a,-a);x.lineTo(w,h);x.fill()
for(i=0;i>-5;i--)x.fillText('●',5*h+(i*h-t*2)%2*w,h+2)

Feb 27 2017 3:02 PM UTC

}// 140/140

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

For those who are wondering h is meant to just represent half the height of the screen. I just wound up using it in inappropriate places because it was roughly the right number for what I needed

Show more comments…
u/iverjo

Related dweets: https://www.dwitter.net/d/312 and https://www.dwitter.net/d/391
u/vonzo

haha _haha_ __haha__ haha
u/bligglenuber

Bah, and there I was thinking I'd got there first. I get crazy lag when trying to look back due to the infinite loading, so I've been unable to see what people have done already
u/donbright

lol
u/iverjo

Yeah, good point ^^
u/iverjo

#pacman

show FPS hide FPS share fullscreen

Renaud___

function u(t) {

r=Math.random;f=g=>Math.floor(256*r());x.fillStyle=R(f(),f(),f(),0.008);for(i=0;i<99;i++)x.fillRect(2220*r()-300,1380*r()-300,600,600);

Feb 24 2017 11:35 AM UTC

}// 135/140

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

u/5Mixer

Woah, this is awesome. I've got no idea how it works but it's making a dope picture :D
u/Renaud___

Its only chain of random position square with very very low opacity and random color :]
u/sfz

I'm just... I'm... speechless.

show FPS hide FPS share fullscreen

donbright

remix of d/1055 by u/paberr

function u(t) {

x.font="99px Arial";for(i=64;i;i--)w=3+i%8<<7,h=i/8<<7,(i/8^i)%2?x.fillRect(w,30+h,128,128):1,x.fillText(i%29<1?"♚":i%37<1?"♔":" ",w+20,h)

Feb 24 2017 7:27 AM UTC

}// 138/140

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

stalemate!

u/5Mixer

Chess pieces were a nice touch :)
u/sigveseb

cool ^^
u/donbright

#chess

show FPS hide FPS share fullscreen

gojomo

remix of d/838 by u/gojomo

function u(t) {

c.width=1920;for(i=24;i--;)for(j=24;j--;)t+=1.1,s=S(t)*((j+i&1)*2-1),x.setTransform(C(t),s,-s,C(t),i*99,j%12*99),x.fillRect(-9,-49,19,99)

Feb 22 2017 11:27 AM UTC

}// 137/140

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

u/z3vin

I like this, you can save a couple bytes: c.width^=0;for(i=24;i--;)for(j=24;j--;)s=S(t+=1.1)*((j+i&1)*2-1),x.setTransform(C(t),s,-s,C(t),i*99,j%12*99),x.fillRect(-9,-49,19,99)

show FPS hide FPS share fullscreen

New_Core

function u(t) {

a=c.width=240;while(a--)x.fillStyle=R(s=70+99*S(a+60*S(b=t+a*.01)+t),s+80*C(b),s+80*S(b),1),x.fillRect(a,0,1,152);

Oct 27 2016 7:52 PM UTC

}// 114/140

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