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

remix of d/789 by u/oknoorap

function u(t) {

if(x&&c)var b=c.parentElement;b.innerHTML = '<img src="https://media.tenor.co/images/1216e4ee9d73a197912077c5a832f3f2/raw">';

Feb 22 2018 12:43 AM UTC

}// 125/140

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

Shortened by a few characters.

Show more comments…
u/zanella

c.style.background='center / cover url(https://media.tenor.co/images/1216e4ee9d73a197912077c5a832f3f2/raw)'
u/hg

Thanks.
u/AnnanFay

If you're interested in using images http://具.pw might be useful.
u/magna

Or even //具.pw
u/magna

Hey hg, BTW, I deleted your Zelda sound dweet because we're trying to apply the policy of not playing unsolicited sounds. (It's still acceptable to play sounds on user interaction.)
u/AnnanFay

I added the http because I thought it would turn it into a link. Probably should have just linked http://具.pw/about.html
u/hg

@magna, apologies. I did think it was a bit annoying.

show FPS hide FPS share fullscreen

snydej

function u(t) {

c.width|=0
for(i=5e3;v=i--/795;){
s=4*S(t)*S(5*v)
q=s*s
s*=1-q/3*(1-q/25)
k=100*(4-q*(1-q/14))
x.fillRect(960+k*C(s+=v+t),520+k*S(s),9,9)
}

Feb 19 2018 2:06 PM UTC

}// 139/140

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

Mostly an accident, but it looks cool anyway

u/DirtyDan

Pretty sure most dweets are, lol
u/artfarnaa

Every artist from every domain says same thing. Nothing great emerges without the author saying it was just an accident.
u/Lazy1337

Not always true in creative coding/demoscene tbh

show FPS hide FPS share 2 remixes fullscreen

snydej

remix of d/6990 by u/snydej

function u(t) {

c.width|=p=2.0943;[0,1,2].map(d=>x.fillRect(0,0,h=540,h,x.setTransform(s=S(q=d*p+t),C(q),S(q+=p),C(q),960,h),x.fillStyle=R(l=140+80*s,l,l)))

Feb 18 2018 7:10 PM UTC

}// 140/140

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

u/aleamb

cooooooooool
u/magna

WAAAAAA
u/zanella

Niiiiiiiiiice!
u/joeytwiddle

#cube #lighting #renderer
u/S.T.L.K.R.

wtf very nice
u/vain

amazing lightsources cube

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

c.width=w=1920;m=150;for(i=0;i++<m;)k=C(t*2+i/50)*255,x.fillStyle=R(255-k/2,0,k),x.fillRect(i/m*w,w/4+100*S(i/10+t/2),10,m*C(i+t))

Feb 22 2018 2:39 PM UTC

}// 130/140

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

Golfed even more :D

u/snydej

Some more golfing: w=c.width+=0;for(i=m=150;i--;x.fillRect(i/m*w,w/4+100*S(i/10+t/2),10,m*C(i+t)))k=C(t*2+i/50)*255,x.fillStyle=R(255-k/2,0,k)

show FPS hide FPS share fullscreen

41407

function u(t) {

with(x){shadowColor='#518';shadowBlur=1;h=t+10;font="40px A"
p=Math.random
fillText("⭐️",p()*1920,p()*1080)
drawImage(c,-15,-8,1950,1095)}

Feb 21 2018 2:19 PM UTC

}// 138/140

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

]2&Ml=?n0:AY\0A0N5kK

show FPS hide FPS share fullscreen

Blane

function u(t) {

c.width^=0;for(i=999;i--;){v=300*(.5+.4*S(T(t)+6*t+3.14/99.9*i)-.1*C(6*i));x.fillRect(980+v*S(6.28e-3*i),540+v*C(6.28e-3*i),9,9)}

Feb 21 2018 7:13 PM UTC

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

agentultra

function u(t) {

c.width|=0,d=C(t)*300,f=100
for(i=0;i<30;i++)
x.strokeStyle=R(C(t)*d,0,d),x.arc(960+S(i)*d,5.6*f+S(i*t)*d,f,S(t)*d,360),x.stroke()

Feb 24 2018 2:43 AM UTC

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

BuRRak

function u(t) {

t||(p=0,n=1);for(i=1e5;i--;)p+=4/(n++*2-1)*(n%2?-1:1);throw p

Feb 21 2018 5:05 PM UTC

}// 61/140

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

Calculating pi :)

Show more comments…
u/BuRRak

Oh no, i just found out that something similar is on dwitter already.. oh well
u/aleamb

nice
u/aleamb

nice
u/zanella

Thumbs up for using the error output instead of the canvas. :)
u/BuRRak

golfed down by 2 characters t||(p=0,n=1);for(i=1e5;i--;)p+=(n%2?4:-4)/(n++*2-1);throw p
u/BuRRak

nvm, 4 characters, dwitter should have edit comment feature t||(p=n=0);for(i=1e5;i--;)p+=(n++%2?4:-4)/(n*2-1);throw p
u/BuRRak

Oh no, just noticed it throws negative pi, just swap 4 with -4

show FPS hide FPS share 1 remix fullscreen

DirtyDan

remix of d/7024 by u/DirtyDan

function u(t) {

with(x)for(i=33;i-->2;)strokeStyle=`hsl(${i*t*S(t/3)},100%,50%)`,beginPath(arc(960+C(a=t*i/9)*(d=i*S(t)*9),540+S(a)*d,i*i/2,0,7),stroke())

Feb 22 2018 8:41 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

Agnes

function u(t) {

with(x)fillStyle='red',fillRect(960+t*S(t**2),540+t*C(t**2),9,9),filter=`hue-rotate(9deg)opacity(40%)`,drawImage(c,-10,-10,1940,1100)

Feb 20 2018 12:27 PM UTC

}// 133/140

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

u/aleamb

nice, disturbing!
u/geb

#background