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

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

khalkeus

remix of d/1593 by u/khalkeus

function u(t) {

v=['<・><','くコ彡','(___.))><','<・)))<<','<=<'];w=333;c.width=w;for(i=1;i<99;i++){x.fillText(v[i%5],w-((t+99)*S(i)*99)%(w*2),C(t-i)*9+i*5)}

Feb 28 2017 11:55 PM UTC

}// 136/140

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

cut the code down a bunch and added up/down motion くコ彡

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

show FPS hide FPS share fullscreen

sawaxon

remix of d/1705 by u/sawaxon

function u(t) {

c.width|=0
for(j=1;j<11;j++)for(i=1;i<40*j;i++)x.fillRect(900+T(t+i/4)*80*j,500+T(t+S(i))*40*j,4,4)

Mar 1 2017 9:04 PM UTC

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

kabukimono

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

Mar 3 2017 11:01 AM UTC

}// 122/140

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