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

BalintCsala

remix of d/7678 by u/vittis

function u(t) {

for(c.width=i=500;i--;x.fillStyle=R((X=(C((i+1)%400+S(t)*2)*(1-y*y)**.5)*100)-y*S(t)*100+100),x.fillRect(250+X,100+100*y,28,28))y=(i-99)/100

Apr 16 2018 11:48 PM UTC

}// 140/140

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

Ball with fake, moving lighting

u/iverjo

#sphere
u/f8f82804

#shading

show FPS hide FPS share fullscreen

BalintCsala

remix of d/7648 by u/firegodjr

function u(t) {

c.width=200
r=1.57
for(w=2;w--;x.stroke())for(s=5;s--;)for(i=2;i--;)x.lineTo(C(A=t+(i+s+w)*r)*50/(z=S(A)/3+1)+100,50+(s%2*60-30)/z)

Apr 16 2018 8:41 AM UTC

}// 131/140

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

Golfed it a bit and

u/BalintCsala

added perspective
u/firegodjr

Excellent :D
u/iverjo

#cube

show FPS hide FPS share fullscreen

gasaraceno

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

Apr 19 2018 3:35 PM UTC

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

firegodjr

remix of d/7650 by u/firegodjr

function u(t) {

c.width=1920
for(y=41;--y;){x.fill();x.beginPath();for(w=33;--w+1;){x.lineTo(60*w,S(t+y/5+w/2)*50+30*y-75)}}

Apr 16 2018 5:30 PM UTC

}// 108/140

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

Diet Sinewave Pattern, now with only 108 characters! (Had some leftovers from my original dweet idea that were clogging up the charcount, plus optimized the loops and positioning)

Show more comments…
u/BalintCsala

98 chars: for(c.width|=y=40;y--;x.fill(),x.beginPath())for(w=33;w--;x.lineTo(60*w,S(t+y/5+w/2)*50+30*y-75));
u/firegodjr

Thanks! I'm a bit new to reverse loop iteration, so I didn't think of replacing the --w+1. How does the c.width|=y reset the width properly, though?
u/BalintCsala

It sets it to 1960
u/iverjo

Cool! Deserves more attention
u/magna

98 chars: for(c.width|=y=41;--y;x.beginPath(x.fill()))for(w=33;--w+1;)x.lineTo(60*w,S(t+y/5+w/2)*50+30*y-75)
u/magna

Ah, u/BalintCsala beat me to it... :)
u/jylikangas

96 chars if you replace --w+1 with w--

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/7686 by u/Agnes

function u(t) {

with(x)for(c.width|=i=15;i-->1;)for(j=15;j--;beginPath(),arc(960,540,150+25*i,o=i*t-3/j,6.3/j+o),lineWidth=j+5,strokeStyle=R(17*j))stroke()

Apr 16 2018 11:10 AM UTC

}// 139/140

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

I should probably stop remixing this one, but I keep finding dumb small changes that make it look better.

u/Agnes

#beesandbombs

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

k=3*t
x.fillRect(500+(30*S(k)-60*C(k)-8*S(2*k)+10*S(3*k))*3,500-(50*S(k)+18*S(2*k)-12*C(3*k)+14*C(5*k))*3,5,5)
x.fillRect(560,440,10,10)

Apr 14 2018 9:48 PM UTC

}// 136/140

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

Neumann's elephant

u/BuRRak

Cool! I was just browsing random and I see a wild elephant appear. I wonder why only 1 awesome so i look at the date it was made. Not even a minute ago!

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

c.width=89
x[f='fillText'](`<${(E=t%9)<7?'~':0})_${E<3?'_':''}¸¸¸${E>7?'____':"^;_; ^"}¸¸¸_`,3,38)
x[f]('(Q',7-S(t),46)
x[f]('I|__¦__',55,9)

Apr 16 2018 6:24 AM UTC

}// 140/140

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

ASCII cat hunting :)

u/aleamb

cool! haha
u/iverjo

#ascii

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

for(w=c.width|=i=30;i--;x.rect(-Z/2,-Z/2,Z,Z))Z=w/(a=i-t%2+2),x.setTransform(k=S(b=a/4*S(t)),l=C(b),-l,k,960,540)
x.fill("evenodd")

Apr 14 2018 2:40 PM UTC

}// 131/140

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

u/Chafik.Design

That's something really classy!

show FPS hide FPS share 1 remix fullscreen

vittis

function u(t) {

for(c.width=1920,i=0;i<200;i++){y=i/100-0.99;r=Math.sqrt(1-Math.pow(y,2));a=(i+1)%400+S(t)*2;k=C(a)*r;x.fillRect(960+k*300,540+y*300,15,15)}

Apr 16 2018 4:35 AM UTC

}// 140/140

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

u/BalintCsala

pow(x,y) is x**y, sqrt(x) is x**.5
u/iverjo

#sphere

show FPS hide FPS share fullscreen

aemkei

remix of d/7651 by u/Agnes

function u(t) {

for(c.width|=i=0;i++<50;x.font=`bold ${5*(i+90)}px Arial`,x.fillText("3D",f=600+(i-20)*2*S(t),f+200))x.fillStyle=R(i<42?0:255,0,0)

Apr 14 2018 6:49 PM UTC

}// 130/140

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

u/BirdsTweetCodersDweet

#threed