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 2 remixes fullscreen

BriSeven

function u(t) {

e=2e3;for(i=e;--i;)x.fillStyle=R((d=i%16*119)%256,d/1.4%256,d/7%256),m=i*t/100,n=10*i/200,x.fillRect(n*S(m)*30+1e3,n*C(m)*30+500,20,20)

Dec 23 2016 5:11 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/donbright

these colors are "lit" as the kids say
u/donbright

superb
u/joeytwiddle

really nice for a long watch

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/522 by u/BriSeven

function u(t) {

for(i=16;i--;)x.fillStyle=R((d=i*S(t)*20+119*i)%256,d/1.4%256,d/7%256,.1),x.fillRect(120*i+30*S(13*t%i)+50,500*C(t/7)+500,40*S(t/i*3)+55,30)

Dec 22 2016 1:04 AM UTC

}// 140/140

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

Holiday glass, using an adaptation of new_core's iteration on the colour palette trick, which I was able to shave down further to x.fillStyle=R((d=119*i)%256,d/1.4%256,d/7%256)

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/523 by u/iverjo

function u(t) {

x.globalAlpha=0.25;for(i=0;i<16;i++)x.fillStyle="#"+(i*t*20>>>0).toString(16),x.fillRect(i*160+S(t)*300-300,0,161,1080)

Dec 20 2016 10:30 PM UTC

}// 119/140

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

made the constant into t, added some motion blur to make it less seizure inducing.

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/521 by u/BriSeven

function u(t) {

c.width=1920;for(i=0;i<16;i++)x.fillStyle="#"+(i*292813798>>>0).toString(16),x.fillRect(i*160+S(t)*300-300,0,161,1080)

Dec 20 2016 1:22 PM UTC

}// 118/140

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

I used Zero-fill Right Bit Shifting to limit the color to 32 bits. This will only work in modern browsers with support for the new hexadecimal RGBA notation: #RRGGBBAA

u/lionleaf

Still haven't seen this in a browser where it works. Chrome on MacOS and Firefox on Ubuntu so far.
u/iverjo

Works in FF for me. Also, Chrome has a blog post about this and says it should work in Chrome 52. Yet it doesn't work in my Chrome 55 on Windows
u/iverjo

Also doesn't work in Edge
u/iverjo

I guess CSS4 isn't ready for prime time yet :P
u/BirdsTweetCodersDweet

#tagfail

show FPS hide FPS share 2 remixes fullscreen

BriSeven

remix of d/521 by u/BriSeven

function u(t) {

c.width=1920;for(i=0;i<16;i++){x.fillStyle="#"+(i*0x775511).toString(16).slice(-6);x.fillRect(i*160+S(t)*300-300,0,160,12000)}

Dec 20 2016 9:08 AM UTC

}// 127/140

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

fixed the hex string.

u/lionleaf

That's cool!
u/New_Core

other way, same colors, but not better way: for(i=16;i--;)x.fillStyle=R((d=i*parseInt(77,16))%256,(d/1.4)%256,(d/7)%256),x.fillRect(i*160+S(t)*300-300,0,160,1080)

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/515 by u/BriSeven

function u(t) {

if(!t)X=[];s=1e3;i=s;while(i)o=X[i],c=i%2*s,X[i]=o<0||o>s||!o?1:o+Math.random()*3-1,x.fillStyle=R(c,c,S(t)*s,2/9),x.fillRect(o,X[--i],9,9)

Dec 19 2016 10:52 AM UTC

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

sylmobile

remix of d/513 by u/sylmobile

function u(t) {

c.width=1920;for(i=0;i<19;i++){x.fillRect(i^40+i*100+S(t)*90,400,50,200)}

Dec 19 2016 10:40 AM UTC

}// 73/140

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

u/BriSeven

clackclackclackclackclack
u/lionleaf

Clickety clack
u/lionleaf

Welcome to dwitter :-)

show FPS hide FPS share 1 remix fullscreen

argo78

function u(t) {

p=128;q=p*C (t/2);x.fillStyle=R(p+q,20,p-q,.05);x.fillRect((t*660)%2e3-80,500-500*S(t*3),80,80)

Oct 2 2016 9:01 PM UTC

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

larsch

function u(t) {

c.width=100;for(i=24;i;--i){x.fillStyle=R(d=i*12,d,d);
x.beginPath();l=100-i*2,x.arc(50+l*S(a=S(t*(45+i)/20)/3),l*C(a)-50,5,0,7);x.fill()}

Oct 1 2016 8:34 AM UTC

}// 138/140

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

u/iverjo

Smooth ^^

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

a=Math.abs;w=c.width=64;for(n=i=2304;i--;)d=a(i%w-32)+a(i/w-19),x.fillStyle=R(n*S(z=d/6-t*2),n*S(z-2),n*S(z-4)),x.fillRect(i%w,0|i/w,1,1)

Sep 10 2016 6:11 PM UTC

}// 137/140

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

Somewhat inspired by http://img.gfx.no/1902/1902693/app.jpg