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 2 remixes fullscreen

p01

function u(t) {

for(i=c.width|=0;i--;)x.fillText(i,i%98*19,i/9*(4-C(i/t)))

Jul 19 2017 9:23 PM UTC

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

Xen

remix of d/2051 by u/xem

function u(t) {

c.style=`background:radial-gradient(gold,cyan,purple,#FFF 50%);transform:rotateX(${t*t}deg)rotateY(${t}rad)rotateZ(${t}rad)scale(${T(t*t)})`

Jul 17 2017 8:02 PM UTC

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

Xen

remix of d/2869 by u/CodeUh

function u(t) {

X=E=N=c.width=1920;x.beginPath();x.translate(950,550);x.scale(9,5)
  for(i=0;i<t*199;i++)x.lineTo(999*C(t+i*4),99*T(t+i*4));x.stroke()

Jul 17 2017 4:47 PM UTC

}// 134/140

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

an optical delusion! dont stare too long ;-)

u/joeytwiddle

Don't tell me what to do!
u/joeytwiddle

owww my eyess

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,i=(W=960)*2,i);i--;)x.clearRect(W+W/(Z=6+C(p=i/200+S(t)/(V=i/W*((Y=(i/50+t)%4-1)-3)/(2+Y))+t)*V)*S(p)*V,540+W*Y/Z,9,9)

Jul 15 2017 6:49 PM UTC

}// 137/140

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

Special thanks to p01 for helping to golf this. <3

u/sigveseb

looks good!
u/donbright

fine work
u/joeytwiddle

#organic

show FPS hide FPS share fullscreen

Xen

remix of d/2180 by u/aemkei

function u(t) {

for(i=W=c.width=2e3;i--;x.fillRect(W*(T(i)+s*t)%W,540+i*S(s*W),9,9))s=69/i

Jul 16 2017 7:51 PM UTC

}// 74/140

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

u/innovati

entering hyperspace! 🚀✨
u/Xen

Destination: Terror!

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/2571 by u/p01

function u(t) {

for(i=c.width|=0;i--;x.fillRect(i%98*J,J*(9-C(i/t)),9,9))J=2e4/i

Jul 18 2017 12:38 AM UTC

}// 64/140

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

6sea4 - A Demake of #2571 by p01 & #2554 by @Cantelope

u/cantelope

<3
u/innovati

🌊
u/Xen

76 bytes for someone to put emoji surfers and sharks in there ;-)

show FPS hide FPS share fullscreen

dongwoo

function u(t) {

x.fillRect(0,950,620,c.width|=0)
x.font="6cm a";['🎈','🤡','⛵'].map((e,i)=>{k=(i+2)%3;x.fillText(e,200*i,1750-(t%5>k+1?1:t%5<k?0:t%1)*680)})

Jul 17 2017 5:52 AM UTC

}// 138/140

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

u/XMF

I thought you would use integers for this, but they're all floats down here.
u/Polyducks

omg that's an amazing reference.

show FPS hide FPS share fullscreen

Xen

remix of d/1629 by u/FireFly

function u(t) {

t||x.translate(X=960,X/2,c.onmousemove=e=>X=e.offsetX);for(i=80;i--;x.rotate(X))x.fillStyle=`hsl(${X},80%,${i}%)`,x.fillRect(X,X,X,X)

Jul 16 2017 8:17 PM UTC

}// 133/140

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

move mouse :-P

show FPS hide FPS share 1 remix fullscreen

cesque

function u(t) {

for(j=0;j<400;j+=40)(w=l=>{for(i=0,R=4*l,r=l/2,b=R-r;i<7;i+=0.01){q=(n)=>b*n(i)+(S(t*5)*r*n(-b/r*i));x.fillRect(980+q(C),540+q(S),4,4)}})(j)

Jul 16 2017 5:28 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/donbright

elegant work
u/Xen

I think you should see what you helped create: 2890

show FPS hide FPS share fullscreen

Xen

remix of d/2874 by u/New_Core

function u(t) {

c.width|=X=960;for(i=Y=700;i--;x.fillRect(X,Y,4,4))X+=C(a=i/t-S(t)*S(i/5))*9,Y+=S(a)*9

Jul 16 2017 10:28 PM UTC

}// 86/140

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

let it get past the intro ;-)

u/Xen

let it get past the intro ;-)
u/donbright

this is super fascinating
u/innovati

Beautiful! it's a living spirograph!
u/Xen

it's Alivograph! lol