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

mericsson

function u(t) {

c.width=1920;for(i=0;i<9;i++){x.fillRect(400+i*100+S(t)*300,400,50,200)}

Feb 22 2017 2:30 AM UTC

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

meerkat

function u(t) {

c.width=1920;for(i=0;i<9;i++){x.fillRect(400+i*100+S(t)*300,400,50,200)}

Feb 22 2017 1:53 AM UTC

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

fufuhaaa

remix of d/725 by u/fufuhaaa

function u(t) {

c.width=2e3;r='';for(i=0,l=1;i<1e26;r+=i){m=i;i+=l;l=m}for(i=0;i<400;)x.fillRect((r[++i]*192+(t*1e4)/(1+r[++i]))%2e3,(r[++i]+r[++i])*10,9,9)

Feb 22 2017 1: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).

This now uses two random digits for choosing vertical star positions, which eliminates those obvious white gaps.

show FPS hide FPS share fullscreen

alexspeller

function u(t) {

c.width=1920;for(i=0;i<9;i++){x.fillRect(400+i*100+S(t)*300,400,50,200)}

Feb 22 2017 1:11 AM UTC

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

tbertolo

function u(t) {

let z = 200;
c.width = 1920;
x.fillRect((c.width/2)-(z*2),0,z*4,z);
x.fillRect((c.width/2)-(z/2),z,z,100+Math.abs((600*S(t))));

Feb 22 2017 12:53 AM UTC

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

tbertolo

function u(t) {

c.width=1920;for(i=0;i<20;i++){x.fillRect(20*i,20*i,20*i,20*i)}

Feb 22 2017 12:41 AM UTC

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

mxfh

function u(t) {

l=256;d=x.getImageData(0,0,l,l);for(i=0;i<l*l;i++)d.data.set([i/l,t%1*l,i%l,l],i*4);x.putImageData(d,~~(t*l)%8*l,~~(t*l/5)%4*l)

Feb 19 2017 10:26 AM UTC

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

bakkot

function u(t) {

s='7';for(i=6;!t&&--i;s=s.replace(/7/g,'73717177373717'))q=r=0;for(a of s)a>6?x.lineTo(q+=9*C(i),r-=9*S(i)):i+=(a-2)*Math.PI/2;x.stroke()

Feb 20 2017 9:08 PM UTC

}// 138/140

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

One last Lindenmayer system for good measure.

show FPS hide FPS share fullscreen

bakkot

function u(t) {

s='7171717';for(i=6;!t&&--i;s=s.replace(/7/g,'77171717177'))q=r=0;for(a of s)a>6?x.lineTo(q+=9*C(i),r-=9*S(i)):i+=(a-2)*Math.PI/2;x.stroke()

Feb 20 2017 9: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).

Another Lindenmayer system - note similarity to previous. This technique can make lots of things :)

show FPS hide FPS share fullscreen

bakkot

function u(t) {

x.fillRect(t?v:y=v=0,y+420,2,2,c=9*Math.random(c<2?c<.1?y=!(v/=6):v=y/4+v/4+(y=c<1?y/5-v/4:v/3-y/7,c<1?266:63):y=y*6/7+(v=v*6/7+274)/25))

Feb 20 2017 7:54 PM UTC

}// 137/140

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

This one needs a few minutes to show up.

u/iverjo

Nice :) Could you make it converge faster somehow?
u/bakkot

iverjo: Not without drawing more points each tick, which I can't find a way to do without going over.