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

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

show FPS hide FPS share fullscreen

jhnsnc

function u(t) {

//howdy🤠
for(j=360;j--;){
z=S(Math.pow(360*j,0.23)-9*S(t)-18*t )/2+0.5;
x.fillStyle=R(179+75*z,157*z,219-100*z);
x.fillRect(0,j*3,1920,3)
}

Mar 6 2017 8:28 PM 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

FireFly

remix of d/1853 by u/sebbert

function u(t) {

for(c.width|=a=b=z=0, w = 300; z < 400; z += .1)
  a = C(a+b+t) + C(z*3+t),
  b = C(z*1.56),
  x.fillRect(a*w + 900, b*w + w + w, 3,3)

Mar 5 2017 9:52 PM UTC

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

scottglz

remix of d/1855 by u/scottglz

function u(t) {

with(x){f=q=>99+q(t)*90;c.width^=0;fillStyle=`hsl(${t*60},66%,50%)`;W=lineWidth=4e3;setLineDash([f(S),f(C)]);rect(0,0,W,W);fill();stroke()}

Mar 4 2017 8:10 PM 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 1 remix fullscreen

joseprio

remix of d/1865 by u/joseprio

function u(t) {

s=0;for(i=1e6;t>0&&i--;)x.fillStyle=s?"#fff":"#000",x.fillRect(s?960+S(s)*t*t*t*80:0,s?540+C(s)*t*t*t*80:0,s?t*4:2e3,s?t*4:2e3),t-=.01,s+=i

Mar 4 2017 1:40 PM 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

donbright

remix of d/1857 by u/donbright

function u(t) {

w=128,c.width=2*w;for(i=w;i--;)for(j=w;j--;)c=S(t/3)*i*i+S(t/4)*j*j+S(t/5)*2*i*j,c=(c%w+w)%w,x.fillStyle=R(c,c,c),x.fillRect(64+i,8+j,1,1)

Mar 4 2017 8:07 AM UTC

}// 139/140

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

As with 1857 this is an attempt to show the relation between Binary Quadratic Forms and the Circles and Squares pseudo fractal and Moiré pattern. This takes the basic ingredients of the Quadratic Form, x*x, y*y, and 2*x*y, and mixes them together, but slowly varies the amount of each ingredient over time with the Sine function. It is possible to see how all variations of the Quadratic Form result in similar patterns, transitioning from crcles to ovals to hyperbola patterns. Inspiration from this site and NJ Wildberger's rational geometr, Paul Bourke's http://paulbourke.net/fractals/circlesquares/ and Santiago Zubeta

u/donbright

https://twitter.com/zubie7a
u/SpecialAgent

wow! fascinating and purty :)

show FPS hide FPS share fullscreen

gormisdomai

function u(t) {

(a=(X,Y,w,h,s)=>{for(i=X;i<w;i+=s)for(j=Y;j<h;j+=s)x.fillText("♦",i-j,(i+j)/2)})(d=300,-d,1e3,d,9);t<1?a(d,0,d+t*d,9,5):a(600,0,609,d*t-d,5)

Mar 3 2017 9:37 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 isometric coordinates

u/Niklas

I like iso

show FPS hide FPS share fullscreen

veubeke

function u(t) {

t?c.width^=0:a=b=e=f=1;a+=e,b+=f;b>>3||x[k=b*8+a]&&x[k]--?f=-f:a>>3?e=-e:0;for(i=64;i--;)t?x[i]|i==k&&x.fillRect(i-i%8,i%8*8,8,8):x[i]=i>>5

Mar 3 2017 5: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).

Turns out you can’t fit Breakout into 140b :D

u/iverjo

+1 for good effort :D