Top dweets by u/f8f82804

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: #Opposites

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9568 by u/f8f82804

function u(t) {

z=32;for(U=V=z*S(t/4),i=z*z;i--;x.fillRect(i%z*z+448,j*z,z,z))V+=j=i/z%z|0,U+=i%z+j/z,x.fillStyle=R(U>z?(U-=z,255):0,0,V>z?(V-=z,255):0)

Aug 30 2018 11:23 PM UTC

}// 136/140

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

#dithering #animated

u/katkip

Looks cool!

show FPS hide FPS share 2 remixes fullscreen

f8f82804

remix of d/9542 by u/f8f82804

function u(t) {

z=256;for(i=z*z;i--;x.fillRect(i%z*4+448,j*4,4,4))b=t&1||(U=V=0),U+=i%z,V+=j=i/z%z|0,x.fillStyle=R(b?U>z?(U-=z,z):0:U,0,b?V>z?(V-=z,z):0:V)

Aug 30 2018 11:01 PM UTC

}// 139/140

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

2D palette and approximation with 4 color #dithering; 1D error diffusion gives different patterns for vertical gradients (red channel) and horizonal (blue channel) #slow #waitforit

show FPS hide FPS share 2 remixes fullscreen

f8f82804

remix of d/9560 by u/f8f82804

function u(t) {

p=a=>127-C(a)*127;for(i=3;--i;x.fillRect(0,0,960*i,2e3))x.fillStyle=R(p(a=t+i*22),p(a-2),p(a+2))

Aug 30 2018 7:10 PM UTC

}// 96/140

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

looping saves another 22 bytes #golf #color #palette

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9532 by u/f8f82804

function u(t) {

p=a=>127+S(a)*127;with(x)f=a=>fillStyle=R(p(a),p(a+21),p(a-21)),f(t),fillRect(0,0,v=2e3,v),f(t+22),fillRect(960,0,v,v)

Aug 30 2018 6:31 PM UTC

}// 118/140

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

Saved 22 characters on my palette with a little golf and some integer approximations for multiples of π. Let me know if you'd like to see the spreadsheet that lays out different approximations and their accuracy.

show FPS hide FPS share fullscreen

f8f82804

remix of d/9531 by u/f8f82804

function u(t) {

with(x)for(i=8e3;i--;moveTo(X,Y))lineWidth=S(k=i%48),lineTo(X=60*(i/9%17+8|0)+k*S(a=11*k),Y=60*(i/87%17+1|0)+k*C(a)),t||beginPath(stroke())

Aug 30 2018 5:30 AM UTC

}// 139/140

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

#plotter #art #corruption #fullscreen

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9523 by u/katkip

function u(t) {

with(x)for(i=3;--i;beginPath(fill(lineTo(960*i+320*(i==1)*(t%6-3),1080))))fillStyle='#'+862/i,moveTo(960,340),lineTo(0,1080)

Aug 29 2018 6:16 PM UTC

}// 124/140

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

Rotating pyramid. Can anyone figure out how to make the colors smoothly darken so that it loops perfectly?

u/yonatan

with(x)for(i=3;--i;beginPath(fill(lineTo(960*i+320*(i==1)*(t%6-3),1080))))fillStyle=hsl(0 50%${i*(6+t%6)}%,moveTo(960,340),lineTo(0,1080)
u/yonatan

sorry, that's not quite right
u/f8f82804

it's great, see my remix
u/yonatan

hsl(0 50%${50+((i==1)-(t%6/6))*9}% works, but a bit long

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9522 by u/katkip

function u(t) {

τ=4.712;p=a=>127+S(a)*127;f=a=>R(p(a),p(a+τ),p(a-τ));x.fillStyle=f(t);x.fillRect(0,0,u=960,v=2e3);x.fillStyle=f(t+3.142);x.fillRect(u,0,u,v)

Aug 29 2018 4:49 PM UTC

}// 140/140

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

complementary #color, using sinusoidal RGB palette instead of HSL (which uses linear transitions)

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9508 by u/f8f82804

function u(t) {

eval(unescape(escape`昽愽㹍慴栮牡湤潭⠩ⵡ㭦潲⡩㴲㔻椭ⴾ㠻⥦潲⡪㴱㠻樭ⴾㄻ⥦潲⡫㴸⩦⠲⥼〻欫⬻瑼籸⹳瑲潫敒散琨ⴳ㈬ⴳ㈬㘴ⰶ㐩⥸⹳整呲慮獦潲洨猽昨〩ⰰⰰⱳⰶ〪椬㘰⩪⤬砮牯瑡瑥⡦⠮㔩⼴⤻`.replace(/u(..)/g,"$1%")))

Aug 29 2018 3:49 AM UTC

}// 128/140

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

A tribute to _(Dés)Ordres_ -- Vera Molnár, 1974

Show more comments…
u/f8f82804

#art #tribute
u/f8f82804

f=a=>Math.random()-a;for(i=25;i-->8;)for(j=18;j-->1;)for(k=8*f(2)|0;k++;t||x.strokeRect(-32,-32,64,64))x.setTransform(s=f(0),0,0,s,60*i,60*j),x.rotate(f(.5)/4)
u/f8f82804

#compressed
u/BirdsTweetCodersDweet

a=Math.random;for(i=17;--i;)for(j=17;--j;)for(k=8*(a()-2)|0;k++;t||x.strokeRect(-32,-32,64,64))x.setTransform(s=a(),0,0,s,60*i,60*j),x.rotate((a()-.5)/4) for a 153-char golf :/
u/f8f82804

u/BirdsTweetCodersDweet: that helps, but I really wanted to keep the centered display. See my remix where I use a single for loop to jump around the grid randomly, which avoids the random initialization of k.
u/iverjo

Best in fullscreen

show FPS hide FPS share fullscreen

f8f82804

remix of d/9506 by u/alien

function u(t) {

for(j=w=c.width=100;j--;)for(i=w;i--;x.fillRect(i,j,1,1))q=((1+S(t))*i*i+(1+C(t))*j*j)**.5+t,s=i*T(q)%255,x.fillStyle=R(s**1.3,s**.5,s)

Aug 28 2018 9:07 PM UTC

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

f8f82804

function u(t) {

π=Math.PI;for(i=99;i--;x.fillRect(960+500*S(π*t-i/77),540+500*C(2*t+i/64),32,32))x.fillStyle=`hsl(${t+(i+t)**(S(t/2)-.7)}turn ${i/3+60}%50%`

Aug 27 2018 12:50 AM UTC

}// 140/140

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

dwitter.net | f8f82804 (1346)