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

Bombo

function u(t) {

l=300;w=c.width=1920;g=(a,b,y,z)=>x.fillRect(w/2+a,w/4+b,y,z);for(i=180;i--;)g(i+l*C(t+i*2),l*S(t*5+i),9,9),g(l*C(t+i*2),l*S(t*5+i),9,9)

Feb 28 2017 7:36 PM UTC

}// 136/140

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

u/5Mixer

Woah this is really cool. Sometimes it appears to be going in the reverse direction, because your eyes have no way of knowing, dope!

show FPS hide FPS share fullscreen

Jenky

function u(t) {

c.width=320;d=new Date/1e3;r=9
a=v=>{x.beginPath();x.lineWidth++;x.arc(160,90,9*r--,0,v*.1047);x.stroke()}
a(d%60);a(d/60%60);a(d/3600%12*5)

Feb 28 2017 7:10 AM UTC

}// 140/140

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

OS-time Arc Clock

u/donbright

love it!

show FPS hide FPS share fullscreen

spbyrne

function u(t) {

w=c.width=1e3;f=50;for(s=1;s<f;s++){n=t/4%1*f*s;for(i=0;i<f*2;i++)x.quadraticCurveTo(i*f-25-n,s*f*1.1,i*f-n,s*f);x.stroke();x.beginPath()}

Feb 27 2017 9:13 PM UTC

}// 138/140

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

u/katkip

#waves

show FPS hide FPS share 1 remix fullscreen

recursive

function u(t) {

for(X=0;X<1920;X+=16)for(Y=0;Y<1080;Y+=16)x.fillStyle=R(p=(Math.atan2(Y-540,X-960)+t+4)*400%256,p,p),x.fillRect(X,Y,16,16)

Mar 1 2017 6:16 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

bligglenuber

remix of d/1570 by u/bligglenuber

function u(t) {

c.width=198;a=6+C(t/99)
for(i=-99;i<99;i+=a)for(j=-56;j<56;j+=a)k=i*j,x.fillStyle=R(f=k*k*(1+C(t)),f/9),x.fillRect(99+i,56+j,a*S(k),a*C(k))

Mar 1 2017 1:52 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 FPS hide FPS share fullscreen

sawaxon

function u(t) {

c.width|=0;x.font="160px Monaco";h=new Date()+''.split('017')[0]+'017'
for(i=0;i<15;i++)x.fillText(h[i],99+i*110+C(t),500+T(t*S(i))*40,500)

Mar 1 2017 11:46 PM UTC

}// 139/140

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

u/sigveseb

Would make a neat calendar to hang on a wall

show FPS hide FPS share fullscreen

sawaxon

function u(t) {

c.width=1980;x.font="120px Monaco";h="Javascript is Awesome!"
for(i=0;i<22;i++)x.fillText(h[i],100+i*70+C(t),500+T(t*S(i))*40,500)

Mar 1 2017 11:31 PM UTC

}// 130/140

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

u/SpecialAgent

That it is

show FPS hide FPS share 1 remix fullscreen

Lappi

remix of d/1589 by u/sawaxon

function u(t) {

c.width=1920;x.font='120px Monaco';
for(i=0;i<200;i++)
x.fillText('🌈',i*Math.sqrt(i),S(t)*600+S(i*2+t*2)*200+500);

Feb 28 2017 5:10 PM UTC

}// 114/140

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

kappapride

show FPS hide FPS share fullscreen

kchplr

remix of d/1416 by u/kchplr

function u(t) {

for(i=1296;i--&&t<2;Y=i/48|0,d=.2+((X-24)**2+(Y-13)**2)/300,s=(200*S(t*d)*d)%40,x.fillRect(X*40-S(Y*X+t)*s,Y*40+S(X+Y-t)*s,s/8,s/7))X=i%48

Feb 28 2017 12:24 PM UTC

}// 138/140

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

I would be lying if I said this is what I had in mind

u/Flexi23

But no-one could look into your mind and compare. wait. no.

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width=w=3;t?x.putImageData(new ImageData(new Uint8ClampedArray(a),w,1),0,0):a=c.toDataURL().split('').map(k=>k.charCodeAt(0)).slice(0,w*4)

Mar 1 2017 3:35 AM UTC

}// 140/140

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

Gradient from nothing

u/sigveseb

Can't explain that!
u/magna

PNG header FTW
u/iverjo

Wait what? This needs an explanation :D
u/magna

@iverjo I export the empty canvas as a PNG image. The PNG file has non-zero bytes (because it needs to have a header and a bare minimum content to encode the empty content) that I directly use as RGBA values for the canvas image data (the pixel array).
u/magna

#glitch