Dwitter - javascript demos in 140 characters

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

dragon7076

function u(t) {

P=Math.PI*2/3
x.fillStyle = R(S(t)*255,S(t-P)*255,(S(t+P))*255);
for(i=1;i<10;i++)
x.fillRect(960+i*99*C(t),10*t+i*99*S(2*t),10,10)

Apr 10 2018 1:20 PM UTC

}// 131/140

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

Colour version

u/Galaxtone

... colour lines!
u/Galaxtone

btw Math.PI*2/3 is about 2.094 so you can just remove the P line and replace P with 2 and get the same effect, saving 14 bytes.

show FPS hide FPS share 1 remix fullscreen

anthonylewis

function u(t) {

r=Math.random;c.width=500;s=.3
for(i=64;i--;)
a=r()*-400,b=r()*a*(s*=-1),x.fillRect(b+250,a+270,5,5)

Apr 12 2018 12:33 AM UTC

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

function u(t) {

t?d=x.createImageData(w,1):c.width=w=512
for(i=0;i<w*4;d.data[i++]=(t*50+i*t**2)&255);
for(i=-1;i<36;x.putImageData(d,0,i++*32+t*60%32));

Apr 10 2018 10: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).

show FPS hide FPS share fullscreen

MrRaviex

function u(t) {

c=+s[t*60|0];c>2&&(e=a+S(θ)*5,f=b+C(θ)*5,x.fillRect(a,b,5,5),a=e,b=f)||(θ+=c-1)}{a=b=θ=997;s="3";for(i=0;i<6;i++)s=s.replace(/3/g,32300323);

Apr 8 2018 11:39 AM UTC

}// 140/140

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

My first code golf, the Koch Curve

u/MrRaviex

My first code golf, the Koch Curve
u/MrRaviex

Sorry, my comment appears to have duplicated itself...
u/zanella

It's a fractal comment. *rimshot*
u/Xen

#koch

show FPS hide FPS share fullscreen

aemkei

remix of d/7590 by u/aemkei

function u(t) {

c.width=999;for(i=79;i--;x.fillRect(500+S((X=t*9-i/9)/9)*300+S(t/2+i*i)*(O=S(i)*(i+39)),300+C(X/6)*99+C(t/9+i)*O,6,6))x.fillStyle=R(i*4,0,0)

Apr 7 2018 7:36 PM UTC

}// 140/140

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

Bird

u/fujimotos

It looks to me like a school of fish. Nice work!
u/katkip

#ai
u/rep_movsd

#underrated

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/7596 by u/BalintCsala

function u(t) {

for(c.width|=i=8;i--;)for(j=32;j--;x.font=(n/6*(1+C(p=j*.6+t*9))|0)+'px A',x.fillText('⚫',960+n*2*S(a=.8*i+S(p)/7),540+n*2*C(a)))n=(j%16)**2

Apr 6 2018 10:29 AM UTC

}// 140/140

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

Spiral flower, inspired by https://t.co/7SVu2vSUZQ

Show more comments…
u/joeytwiddle

A group effort by u/Agnes, u/BalintCsala and u/joeytwiddle
u/joeytwiddle

Colour version (200 chars): https://codegolf.tk/a/266
u/New_Core

reduced it to 138 looking exactly the same.. with only 1 for loop ;)
u/artfarnaa

Hi Joey. Beesandbombs is cool. I tool a look at his animations and the code that generates them at github. Very cool. Still his stuff would be require many hours to reverse engineer. Your effort to move one his animations here is nice work. Thanks for bringing him to my attention.
u/joeytwiddle

I sometimes post his tweets in the Discord channel, as inspiration for dwitterers with dweeter's block. Agnes posted a prototype and we hacked away at it. :D Let's keep sharing the fun ones!
u/joeytwiddle

Precedent arm: d/5796
u/f8f82804

#spiral-in-spiral
u/f8f82804

#beesandbombs

show FPS hide FPS share fullscreen

yokljo

remix of d/7597 by u/joeytwiddle

function u(t) {

for(c.width|=i=9;i--;)for(j=32;j--;x.arc(960+n*2*S(a=.785*i+S(p=j*.6+t*4)/5),540+n*2*C(a),(n/6*(1+C(p))|0),0,0),x.stroke())n=(j%16)**2

Apr 8 2018 8:34 PM UTC

}// 134/140

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

Remixing feels like stealing

u/joeytwiddle

We are very happy for your remix. You gave it back after all!
u/yonatan

Good hackers copy; great hackers steal

show FPS hide FPS share 1 remix fullscreen

BalintCsala

function u(t) {

c.width^=0
for(i=2;i--;)for(j=20;j--;)(x.beginPath(),x.fillStyle=R(0,0,0,K=S(J=(i+t)*3+j/2)+1),x.arc(960+C(J)*25,j*60,K*3+15,0,7),x.fill())

Apr 6 2018 9:15 AM UTC

}// 139/140

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

helix thing

u/BirdsTweetCodersDweet

#DNA #helix

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(w=c.width|=i=M=100;i--;f=i/M,x.font=~~(M*f)+"px A",x.fillText("･｡☆∴･ﾟ*★*ﾟ".charAt(i%8),(f*(.9+.1*S(i+f*t)))*w,f*(.7+.3*C(i+t/f))*1080));

Apr 7 2018 12:19 PM UTC

}// 140/140

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

Characters taken from that weird Twitter meme.

u/BalintCsala

Can't charAt be changed to [i%8]?
u/joeytwiddle

Magical!

show FPS hide FPS share fullscreen

BuRRak

remix of d/7606 by u/BuRRak

function u(t) {

x.globalCompositeOperation="xor";m=m.map(e=>e+(r=Math.random()>0.5?12:-12));x.fillRect(m[0],m[1],10,10)}{m=[960,540]

Apr 7 2018 9:37 PM UTC

}// 116/140

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

Unused r, i was blind when i made this