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

triclops200

function u(t) {

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

Feb 20 2018 11:11 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/BirdsTweetCodersDweet

Golfed-ish... Maybe learn some new techniques fromit IDEK, https://www.dwitter.net/d/7041
u/BirdsTweetCodersDweet

See the link in the comments of that one as well. Shortened it some more.
u/triclops200

The first one had golf that kept the output the same, but the second has output changes (the /3.6, for example, was there to approximate center of screen y), otherwise, good golf
u/snydej

Note that "540" is shorter than "w/3.6" ;)

show FPS hide FPS share fullscreen

snydej

function u(t) {

with(x)fillStyle=`hsl(${t*9},80%,60%`,setTransform(1.02,.04,-.04,.98,960,540),fillRect(400*S(t),0,50,50),drawImage(c,-960,-540)

Feb 22 2018 7:48 PM UTC

}// 127/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 2 remixes fullscreen

DirtyDan

remix of d/7021 by u/DirtyDan

function u(t) {

with(x)for(i=82;i-->1;lineWidth=9,strokeStyle="#FFF")beginPath(arc(960+C(a=t*i/9)*(d=i*9*S(t)),540+S(a)*d,i*3,0,7),fill(stroke()))

Feb 21 2018 12:01 AM UTC

}// 130/140

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

u/akm

nice!

show FPS hide FPS share 1 remix fullscreen

marc8

function u(t) {

c.width|=0
s=50;v=t*4
x.font="60px A"
for(i=0;i<t;i++){
x.arc(1000-v*(t-i),540,s*(t-i),0,7)
x.stroke()}x.fillText("Mach "+v/s,1630,560)

Feb 20 2018 9:10 PM UTC

}// 135/140

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

The physics dweets: supersonic motion

u/aleamb

awesome!
u/magna

DOPE!
u/joeytwiddle

#physics
u/Purpzie

Goodness gracious this is cool.

show FPS hide FPS share 1 remix fullscreen

E-Mouse

function u(t) {

t;f=(n)=>{if(n<=1)return 1;return f(n-1)+f(n-2)}
throw f(10)

Feb 24 2018 2:15 PM UTC

}// 60/140

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

Get the n:th fibonacci number!

u/cantelope

can remove the parentheses around n, e.g. f=n=>

show FPS hide FPS share 1 remix fullscreen

DirtyDan

remix of d/7009 by u/DirtyDan

function u(t) {

with(x){lineWidth=b=44
fillStyle="#FFF"
for(i=0;i<b;i++)beginPath(),arc(960+S(a=t*i/b*4)*(d=i*t*S(t)),540+C(a)*d,i*3,0,b/7),stroke(),fill()}

Feb 20 2018 3:01 AM UTC

}// 140/140

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

If someone can shave 2 characters off, we can invert the colors! Like in d/7011

u/akm

here, I shaved off 10 chars: with(x)for(fillStyle="#FFF",i=0;i++<44;lineWidth=44)beginPath(arc(960+S(a=t*i/11)*(d=i*t*S(t)),540+C(a)*d,i*3,0,7),fill(stroke()))

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

x.globalAlpha=.5
x.fillRect(Math.random()*1920, Math.random()*1080, 5, 5)
x.drawImage(c,-5,-2,1980,1085)
x.clearRect(0,0,300,1080)

Feb 22 2018 8:25 PM UTC

}// 130/140

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

Heh... cool

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