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 1 remix fullscreen

alexander

function u(t) {

x.lineWidth=10
c.onmousemove=function(e){X=e.clientX*3.3;Y=e.clientY*3.3}
c.onclick=function(e){c.width=1920}
x.lineTo(X,Y)
x.stroke()

Dec 31 2017 3:09 PM UTC

}// 134/140

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

u/joeytwiddle

#interactive

show FPS hide FPS share 2 remixes fullscreen

ADESONOM

function u(t) {

c.width=1920;for(i=1;i<500;i++){X=10*(i-t*40+1e9)%1500;x.fillRect(960+S(i)*X,520+C(i)*X,s=(C(i*10)*15),s);x.fillStyle=R(0,0,X);}

Dec 28 2017 5:11 PM UTC

}// 130/140

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

Black hole? Or a cloth being pulled through a hole...ask lionleaf for some interpretations

u/lionleaf

*clenching motion*
u/lionleaf

Try staring at this for a long time and then look away ;)

show FPS hide FPS share 1 remix fullscreen

Cistoran

remix of d/1231 by u/iverjo

function u(t) {

c.width^=0;for(i=9;i<1e3;i+=2)s=3*(9.1-(t+i/99)%9),x.beginPath(),j=i*7+S(i*4+t+S(t)),x.lineWidth=s+s,x.arc(960,540,s*100,j,j+.6),x.stroke()

Dec 26 2017 9:17 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 more comments…
u/lionleaf

Beautiful!
u/iverjo

Nice! Looks like it's a remix of https://www.dwitter.net/d/1231
u/Cistoran

It is! I'm new to the site and wasn't sure how to tag it as such. My apologies!
u/Xen

you can live edit the code of any dweet and a 'remix' button appears, click that and it posts with a link to the original ;-)
u/lionleaf

No worries, I've got you sorted ;-) Just make sure to use the remix feature next time. Nice remix, didn't immediately recognize it as such.
u/J2D28U

Damn... I'm new as well and this exchange has kept me here!
u/Xen

all welcome. :-)

show FPS hide FPS share fullscreen

lionleaf

function u(t) {

c.width=2e3;v='Server maintenance';for(i=v.length;i--;)a=T(t*2+i)*20,x.font=110+S(t*5)*20+'px Arial',x.fillText(v[i],i*99,540+(a<0?0:a))

Dec 31 2017 12:18 AM UTC

}// 136/140

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

As you can see, the server might go down a bit soon. Also, it went down by mistake for a minute or so just now. I hope no-one lost a dweet! :( Sorry

show FPS hide FPS share fullscreen

trupples

remix of d/4838 by u/E-Mouse

function u(t) {

e='1 2 + 100 *'.split(' '),s=[]
e.map(o=>+o==o?s.push(o):(q=s.pop(),s.push(eval(s.pop()+o+q))))
document.body.innerText=s

Dec 30 2017 1:19 PM UTC

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

bobdunn

remix of d/4808 by u/bobdunn

function u(t) {

c.width=1920; /* clear the canvas */
  for(i=0;i<1000;i++)
  x.fillRect(960 + C(i*2+5*t)*S(2*t+1*i)*540 , 540 + S(2*t+i*1)*270, 15, 15)

Dec 30 2017 5:25 AM UTC

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

function u(t) {

var h=' /|',l=[];c.width=1920;x.font='64px cousine';for(i=0;i<1920;i+=16)for(j=0;j<1080;j+=64)x.fillText(h.charAt(Math.random()*3),i,j);

Dec 30 2017 11:05 PM UTC

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

FrenchToast

function u(t) {

c.width=2e3;for(j=1;j<5;j++){for(i=1;i<500;i++){x.rotate(.4);x.fillStyle=R(i%300);x.beginPath();x.arc(5*S(t)*i*C(5*t),i,600,0,1);x.fill()}}

Dec 30 2017 5:21 AM 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 2 remixes fullscreen

E-Mouse

function u(t) {

e='1 2 + 100 *',e=e.split(' '),s=[]
for(i in e){o=e[i],n=+o;if(n==o)s.push(n);else q=s.pop(),w=s.pop(),s.push(eval(w+o+q))}x.fillText(s,9,9)

Dec 30 2017 1:00 PM UTC

}// 140/140

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

A RPN(reverse polish notation) calculator in 140 bytes. The text is really small so either you have to zoom in or change the font size.

u/E-Mouse

Enter the RPN code in the e variable ("e='1 2 + * 10'")
u/E-Mouse

Btw only js operators

show FPS hide FPS share fullscreen

E-Mouse

remix of d/4342 by u/retera

function u(t) {

c.width=w=1920
v=t+400
for(q=255;q--;){x.fillStyle=R(q,q,q);x.beginPath();x.arc(w/2+T(v-q)*(v+q),540+S(v-q)*(v-q),40,0,6.283,!1);x.fill()}

Dec 29 2017 5:15 PM UTC

}// 138/140

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