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

Loomy

function u(t) {

c.width=2e3;
k=60
  x.ellipse(960-180*C(t*8)*5,540-110*C(t*6)*4.4,k,k,0,0,k);
x.fill();

Jan 2 2018 5:01 PM UTC

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

elmarjuz

function u(t) {

c.width=1080
e=540
for(i=0.0;i<e/2;i+=1){
x.lineTo(e+S(i*t/4)*i, e*.57+S(i*t/3)*i)
}
x.stroke()

Jan 2 2018 4:45 PM UTC

}// 95/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) {

c.width=n=2e3;t/=32;for(p=0;p<n;p++)i=C(p),j=T(t/i),k=S(t*i),x.strokeStyle=R(i*9,k*9,j*9,k>0?k:-k),x.strokeRect(j*n,k*n,99*T(k/j),99*T(j/k))

Jan 2 2018 2:40 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/donbright

i love after it gets to the end of the screen it comes back all weird

show FPS hide FPS share 2 remixes fullscreen

coderkid

function u(t) {

if(t%2<1){r=Math.random;x.font="14em 💩";for(s=9;s--;)for(a=8;a--;)x.fillText(('🙂|🙁').split('|')[(Math.floor(r()*2))],s*213,a*216-3);}

Jan 2 2018 2:09 AM UTC

}// 133/140

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

u/donbright

lo
u/donbright

lol

show FPS hide FPS share fullscreen

Fibostein

function u(t) {

c.width=1920; /* clear the canvas */
  for(i=0;i<9;i++)
  x.fillRect(400+i*100+T(t)*30, 400, 40, 20) /* draw 50x20 rects */

Jan 3 2018 4:07 PM UTC

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

joeytwiddle

remix of d/4805 by u/Jezza

function u(t) {

c.width=640;d=-2.1;e=1.9;for(i=l=j=t;i<6e4;i++)k=S(d*l)+C(t)*C(j*d),m=S(e*j)+S(t)*C(l*e),j=k,l=m,x.fillRect(320+j*100,180+l*70,.3,.3)

Dec 30 2017 3:29 PM UTC

}// 133/140

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

u/xem

Splendid
u/joeytwiddle

I do like adding alpha to other people's attractors http://bit.ly/2pZCrOg http://bit.ly/2DDaPjO
u/joeytwiddle

This version is easier to resize: https://www.dwitter.net/d/5336
u/joeytwiddle

Please do give Jezza an upvote. They did most of the work here!
u/katkip

#attractor

show FPS hide FPS share fullscreen

homgok

function u(t) {

c.width=1920;l=40;
for(i=i<9;i++){e=0;f=-l;for(r=1;r<7;r++){
d=Math.PI*r/6;g=S(d)*l;h=C(d)*l;x.draw
} l=l+40;}

Jan 3 2018 3:13 PM UTC

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

yaniv

function u(t) {

if(t%5<.01)c.width=2e3,x.font='9em a',fetch('//api.coinmarketcap.com/v1/ticker/').then(r=>r.json().then(v=>x.fillText(v[0].price_usd,0,99)))

Jan 1 2018 7:28 AM UTC

}// 140/140

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

Extracting the value of Bitcoin in dollars from coinmarketcap.com's API, every 5 seconds. Assuming your browser supports 'fetch' + some numerical inaccuracies in "t". :)

show FPS hide FPS share fullscreen

doof

remix of d/3899 by u/doof

function u(t) {

c.width^=0
x.beginPath(x.translate(960,540))
for(i=t/Math.PI/2;i-->-1;x.rotate(t),x.arc(S(t)*200,0,300,0,7))x.lineTo(0,0);
x.fill('evenodd')

Dec 31 2017 6:52 AM UTC

}// 140/140

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

finally got what i originally wanted d/3899 to be -- the lineTo(0,0) takes care of the evenodd artifacts, and the addition of more circles is timed with the contractions. i'll stop with the circles now, i promise. :P

show FPS hide FPS share fullscreen

will

function u(t) {

c.width=w=1920;x.lineWidth=r=5;r=r*25;
while (r<w/2) {
x.beginPath();
  x.arc(w/2,c.height/2,r,0,Math.PI*2);
x.stroke();
r+=10+S(t)*50;
}

Jan 2 2018 12:20 AM UTC

}// 137/140

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