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

FireFly

remix of d/2923 by u/Xen

function u(t) {

x.fillRect(C(t)*4+2,0,4,c.width=8)

Jul 21 2017 9:14 PM UTC

}// 34/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/2887 by u/dzozef

function u(t) {

for(π=c.width=888;$=--π/9;x.fillText(_=π%31,(z=15)*_+$*z,$*z-S(((z-_)*(z-$))*.02+t*z)*z));

Jul 21 2017 12:44 AM UTC

}// 90/140

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

90byte De-make by 🇽🇪🇳

show FPS hide FPS share fullscreen

Xen

remix of d/739 by u/donbright

function u(t) {

for(i=c.width=999;i--;x.lineTo(496+S(t*i)*i,285+C(t*i)*i));x.stroke()

Jul 19 2017 7:31 PM UTC

}// 69/140

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

u/lionleaf

trippy
u/Xen

can almost fall into it, dont lean too much...
u/Xen

also, scroll down to pause and look at frames.

show FPS hide FPS share 3 remixes fullscreen

dzozef

function u(t) {

c.width=640;for(i=0;i<900;i++){a=i%30;y=Math.floor(i/30);x.fillRect(a*10+y*10,180-a*5+y*5-S(((15-a)*(15-a)+(15-y)*(15-y))*0.02+t*5)*16,2,2)}

Jul 17 2017 12:45 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/Polyducks

Wow... this is just.... wow...
u/Xen

90byte De-make #2921

show FPS hide FPS share fullscreen

Xen

remix of d/1504 by u/innovati

function u(t) {

for(i=1e4;i--;x.fillRect(i,i/t,i/t,t)){x.fillStyle='hsl('+i*i+',99%,50%)'}

Jul 19 2017 6:28 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

Beautiful 🌈
u/Xen

Thank you, Plasma pillars :D

show FPS hide FPS share fullscreen

James

function u(t) {

for(i=441;i--;)if(!+("肂胺ꗲ阴ꑚꢑ겢뺮ﰂ퐇ﱟ쌥쐐얄镯쿵즀둂뺅貋鯺雝뀟걯肽^".charCodeAt(i/15).toString(2).substr(1)[i%15]))x.fillRect(i%21*44,~~(i/21)*44,44,44)

Jul 18 2017 9:31 PM UTC

}// 137/140

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

u/sigveseb

Nice! Is it a valid QR code?
u/stiaje

I scanned it! Goes to x.com ;)
u/stiaje

*spoiler alert*

show FPS hide FPS share fullscreen

dongwoo

function u(t) {

c.width|=0
b=(a)=>x.rotate(a)
b(t*.1)
for(i=3000;i;){b(i*.01);x.fillStyle="hsl("+360*((i/900-t)%1)+",100%,50%)";x.fillRect(0,0,10,i--)}

Jul 18 2017 1:58 AM UTC

}// 135/140

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

u/cantelope

love it!
u/Purpzie

Shortened by 9 characters: for(c.width|=0,x.rotate(t*.1),i=3e3;i--;x.fillStyle="hsl("+360*((i/900-t)%1)+",100%,50%)",x.fillRect(0,0,10,i))x.rotate(i*.01)

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/547 by u/BriSeven

function u(t) {

X=960,Y=X*t%900,a=1;for(i=99;--i;a+=8*Math.random())x.fillStyle=T(a)<9?R(t-a,a/2,1,1):"#FFA",x.fillRect(X+=S(a)*Y/49,Y+=C(a)*4,4,4)

Jul 16 2017 7:36 PM UTC

}// 131/140

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

Show more comments…
u/cantelope

this is awesome, but it looks identical to another one you posted...
u/Xen

this is my only tree one? :-o
u/donbright

happy little tree
u/tibbifox

beautiful
u/jick

This is wonderful.
u/innovati

🌲 👨‍🎨🎨
u/itsjustmustafa

It looks so natural!
u/Xen

thank you :-)

show FPS hide FPS share fullscreen

Xen

remix of d/114 by u/stiaje

function u(t) {

x.strokeStyle=R((T*t-2)%(T=255),(T*t)%T,(T*t*2)%T,T);for(i=99;i--;x.stroke())x.rotate(.032),x.beginPath(),x.moveTo(-t*T,-t),x.lineTo(2e4,t);

Jul 18 2017 9:59 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/stiaje

Awesome remix!
u/Xen

Thank you :)

show FPS hide FPS share fullscreen

Xen

remix of d/2906 by u/Xen

function u(t) {

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

Jul 19 2017 12:01 AM UTC

}// 62/140

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