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=new ImageData(w=c.width=255,e=144)
for(i=w*e;i--;)d.data.set([w-(i%w),w*(i/w)/e,i%w,w],i*4);
x.putImageData(d,0,0)

Mar 13 2017 7:17 AM UTC

}// 116/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 1 remix fullscreen

veubeke

remix of d/2058 by u/hypothete

function u(t) {

d=new ImageData(w=c.width=255,144)
for(i=w*144;i--;)d.data.set([i%w,0,w-i%w,w],i*4)
x.putImageData(d,0,0)

Mar 12 2017 1:19 PM UTC

}// 105/140

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

@hypothete a bit shorter

u/recursive

Nice
u/hypothete

Nice work! Maybe there's hope for imageData after all. ☺️

show FPS hide FPS share fullscreen

hypothete

function u(t) {

j=t*t%256;l=1920;m=1080;z=new Date;for(i=0;i<j;i++){
b=(i%j)*l/j;y=z*S(t+i);
x.fillStyle=R(y,y);x.fillRect(b,0,l/j,10);}
x.drawImage(c,0,10)

Mar 12 2017 8: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).

show FPS hide FPS share 1 remix fullscreen

xem

function u(t) {

c.style='background:radial-gradient(red,blue);position:absolute;transform:rotateX('+t*99+'deg)rotateY('+t*50+'deg)rotateZ('+t*10+'deg)';

Mar 11 2017 11:13 AM UTC

}// 136/140

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

#thinkoutsidethecanvas

u/hypothete

Definitely a lot terser than gradients in the canvas. Color stop stuff gets wordy.

show FPS hide FPS share fullscreen

hypothete

function u(t) {

f=Math.random;x.strokeStyle='#609';
c.onmousemove=e=>{
x.arc(e.pageX*3.4,e.pageY*3.4,20*S(t*9)+30,0,7);
x.stroke();}

Mar 11 2017 6:57 AM UTC

}// 116/140

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

u/gabrielsroka

Move the mouse
u/lionleaf

amazing

show FPS hide FPS share fullscreen

pangolin

function u(t) {

t||(c.onmousemove=e=>{x.lineTo(e.pageX*3.3,e.pageY*3.3);x.stroke();})

Mar 10 2017 11:04 PM UTC

}// 70/140

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

u/nick

mousemove. brilliant
u/farter

3.37 more precisely
u/pangolin

I suppose I did end up with a few spare characters I could have splurged on the last 7.

show FPS hide FPS share 1 remix fullscreen

netgrind

function u(t) {

function W(p){return S(p+t*9)*99+157}
for(i=0;i<1920;i+=8){for(j=0;j<1080;j+=8){p=i*j
x.fillStyle=R(W(p*.2),W(p*.1))
x.fillRect(i,j,8,8);}}

Mar 9 2017 10:33 PM UTC

}// 139/140

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

u/donbright

very smooth
u/sigveseb

Dweet number 2000 \o/
u/ximavus

:)

show FPS hide FPS share fullscreen

farter

function u(t) {

c[p="parentNode"][p].style.overflowY="scroll";c.width=150;a=b=1;for(i=0;i++<108;)x.fillText(a,8,i*10),a=(b+=a)-a;x.fillRect(1,t*99%1080,4,4)

Mar 9 2017 12:03 PM UTC

}// 140/140

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

playing with DOM (no

u/hg

Nice DOM tricks.

show FPS hide FPS share 1 remix fullscreen

jes5199

function u(t) {

g=new Float32Array(1);t*=60;for(b=1080;b;b--){c=(t-960)*3;d=(b-540)*3;v=c*c-d*d;g[0]=v;v-g[0]>0?x.fillRect(t,b,1,1):0}

Mar 9 2017 7:40 AM UTC

}// 118/140

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

u/FireFly

This one is cool, it's dependent on aliasing artifacts due to limited float precision, yeah?
u/recursive

Pity "Float32Array" is the only way to convert to single precision. Or is it?
u/recursive

I guess it's not. I've reproduced it without using Float32Array pixel for pixel using mantissa manipulation. https://www.dwitter.net/d/1990
u/donbright

awesome studies of fp

show FPS hide FPS share fullscreen

Niklas

remix of d/1937 by u/Niklas

function u(t) {

for(c.width|=0,a=300,C(t)<0&&(a*=-1),i=0;i<6.2;i+=.01)x.lineTo(960+1333*S(t)+a*C(i)-a*Math.pow(S(i),2)/1.5,540+a*C(i)*S(i));x.fill()

Mar 7 2017 5:03 PM UTC

}// 132/140

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

u/SpecialAgent

Oh I like this very much :D
u/iverjo

Now we're talking :)