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

Niklas

function u(t) {

for(c.width|=0,e=960,f=540,r=f/2,g=128,i=0;i<=g;i++)a=i*(6.284/g)+t,x.lineTo(e+S(t)*r+C(a)*r,f+C(t)*r+S(a)*r),i%2&&x.lineTo(e,f);x.stroke();

Feb 24 2017 11:33 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/5Mixer

I love how images like this produce artifacts because of pixel scale, makes them interesting to look at :D

show FPS hide FPS share fullscreen

egeres

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 */

Feb 25 2017 11:20 AM UTC

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

donbright

function u(t) {

c.width=960;半=480;垂=270;for(i=-t;i<t;i+=2)for(j=-t;j<t;j+=2){b=i*i+j*j;r=i*i-j*j;g=2*i*j;x.moveTo(半,垂);x.lineTo(半+垂*r/b,垂+垂*g/b)}x.stroke()

Feb 22 2017 3:22 AM UTC

}// 140/140

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

rational parameterization of the circle (no sine or cosine)

u/donbright

#notrig

show FPS hide FPS share 1 remix fullscreen

sfz

function u(t) {

d=t*32|0;if(!(d%42))i=new Image(),i.src="//unsplash.it/"+d%469,i.onload=()=>{x.fillStyle=x.createPattern(i,''),x.fillRect(0,0,2e3,1e3)}

Feb 23 2017 8:38 PM 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 2 remixes fullscreen

maysick

function u(t) {

c.width=1920;for(var i=1;i<100;i++){var b=(i*(1000+(t*35))/500);x.fillRect(-b/10+c.width/2+b*C(b),-b/10+c.height/2+b*S(b),b/5,b/5);}

Feb 22 2017 3:16 PM UTC

}// 132/140

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

u/donbright

really nice pattern. i remixed into color hope you dont mind
u/iverjo

#spiral

show FPS hide FPS share fullscreen

AJK

function u(t) {

a=t/99;s=128;r=(f,s,p=1)=>s*(f(t*p)+1);x.fillStyle=R(r(S,s),r(C,s),s);x.drawImage(c,r(T,540),r(C,270,a));x.fillRect(r(S,896,a),r(S,476),s,s)

Feb 24 2017 10:36 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/JakeSteam

It didn't even start off making sense, and got more chaotic from there!

show FPS hide FPS share fullscreen

jackanakanory

remix of d/967 by u/robot0001

function u(t) {

t||(s=9,w=1920,h=9);
c.width=w;
x.translate(w/2,540);
t*=.05;
for(i=0; i<4; i+=.0009) {
 x.fillRect(w*S(t+i), h*T(t*i), s,s);
 x.rotate(4)
}

Feb 23 2017 10:30 AM 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

lupigi

function u(t) {

a=1920;b=1080;if(t%6<1)x.clearRect(0,0,a,b);else{h=Math.random()*a;v=Math.random()*b;x.fillStyle=R(h*.13,v*.237,t);x.fillRect(h,v,100,100)}

Feb 24 2017 9:41 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 fullscreen

paberr

function u(t) {

c.width=200;k=9;s="d/1055/like";x.fillText("proof of concept "+s,k+S(t)*k,k); i=new Image();if(t==0)i.src='https://www.dwitter.net/'+s;

Feb 23 2017 7:36 PM UTC

}// 135/140

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

u/Kalanchoe

oh, this is sneaky :)
u/lionleaf

Oh, oops. Didn't work on android chrome, if it works elsewhere I'll fix it. Thanks!

show FPS hide FPS share fullscreen

SingingGoat

function u(t) {

c.width=1920;
for(i=0;i<192;i++){
x.fillRect(0+i*10, 0, 10, 1+1080*S(t+i))
x.fillRect(0+i*10, 1080, 10, 1-1080*S(t-i))
}

Feb 23 2017 1:39 AM UTC

}// 120/140

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