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

micksam7

function u(t) {

f=2e3;x.fillStyle=R(f,f,f,.2);x.fillRect(0,0,f,f);for(i=0;i<f;i++)a=C(i+t/8),x.fillStyle=R(a*f,i/9,i/7,.3),x.fillRect(a*900+960,i-30,20,20)

Feb 26 2017 5:35 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

hamptonio

function u(t) {

c.width=1920;for(i=0;i<t;i+=.005){x.lineTo(960+300*(2+C(3*(i+t)))*C(i+t+S(i*t)),540+180*(2+S(3*(i+t)+S(i)))*C(i+t+S(t)+S(i)));};x.stroke()

Feb 25 2017 5:18 AM UTC

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

remix of d/1055 by u/paberr

function u(t) {

x.font="99px Arial";for(i=64;i;i--)w=3+i%8<<7,h=i/8<<7,(i/8^i)%2?x.fillRect(w,30+h,128,128):1,x.fillText(i%29<1?"♚":i%37<1?"♔":" ",w+20,h)

Feb 24 2017 7:27 AM UTC

}// 138/140

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

stalemate!

u/5Mixer

Chess pieces were a nice touch :)
u/sigveseb

cool ^^
u/donbright

#chess

show FPS hide FPS share 3 remixes fullscreen

iverjo

remix of d/123 by u/icecuber

function u(t) {

i=frame;for(j=1080;j--;){a=b=0;for(k=35;k--&&a*a+b*b<4;)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1,a=c;x.fillStyle=R(k,j,i);x.fillRect(i,j,1,S(k/9))}

Feb 22 2017 6:10 PM UTC

}// 140/140

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

Color version, a minified version of myJS's suggestion

Show more comments…
u/bakkot

golf'd slightly harder on general principles: i=frame;for(j=1080;j--;x.fillRect(i,j,1,S(k/9),x.fillStyle=R(k,j,i)))for(a=b=0,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1
u/donbright

niiiice
u/Krachwumm

This is freaking amazing. Even if it would have taken you 1000 characters
u/iverjo

Thanks bakkot! I golfed your version even further down to 134 characters: for(j=1080;j--;x.fillRect(i=frame,j,1,S(k/9),x.fillStyle=R(k,j,i)))for(a=b=0,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1
u/iverjo

Feel free to play with the colors! There's room for improvement
u/hamptonio

That's a work of art man
u/SpecialAgent

I must commend you! Did my research and got a working mandelbrot, but to golf it to 140 and get the speed is very very difficult! Wow. I will study your dweet now :)
u/iverjo

#fractal
u/iverjo

#mandelbrot
u/iverjo

#slow_render
u/f8f82804

#scanline

show FPS hide FPS share 2 remixes fullscreen

walsh9

function u(t) {

O=[],Z=z=>R(y=255*S(z/32),y,y+128);for(i=1e4;i--;)d=i%128*15,e=i/128|0,x.fillStyle=Z((S(d/64)+S(e/4)+t)*99),x.fillRect(d,e*16,16,16)

Feb 23 2017 2:55 AM 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

love the color scheme
u/walsh9

whoops left some junk at the beginning. not even using that array.
u/iverjo

Beautiful
u/sigveseb

Very pretty
u/Kalanchoe

Trippy yet so relaxing

show FPS hide FPS share fullscreen

robot0001

remix of d/968 by u/robot0001

function u(t) {

t||(s=9,w=999,h=299);c.width=w;t*=.9;for(i=0;i<9;i+=.2){x.arc(w*C(t+i)%w,h*S(t/i),s,0, 9);x.stroke();x.rotate(S(i*Math.PI*180))}

Feb 26 2017 2:49 PM UTC

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

sfz

remix of d/1414 by u/donbright

function u(t) {

r=Math.random
c.width|=0
s=r()
t?o.push({X:2e3*r(),Y:0,y:0,s:6*s|0}):o=[]
o.map(a=>(x.font=a.s+'em ø',x.fillText('❄',a.X+=s,a.Y+=a.y+=s/4)))

Feb 27 2017 4:11 AM UTC

}// 140/140

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

Snowflakes with gravity acceleration

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/1283 by u/sfz

function u(t) {

c.width=960;i=t*t;j=19968+i;j>40959?s="fin":s=String.fromCharCode(j),x.font="500px Arial";x.fillText(s,250,450);x.fillRect(0,0,50,i*.026);

Feb 25 2017 3:29 AM UTC

}// 138/140

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

Basic Unicode Chinese Character block 4E00–9FFF, (this is not all Chinese characters!). Progress bar on the left.

u/donbright

approx 20,900 characters
u/lionleaf

Wow! I mean, I know there are lots, but this just makes it seem incredible. To be fair I guess scrolling through and english dictionary would look pretty cool too (even though it's not quite the same)
u/Kalanchoe

oh, wow! I love it
u/donbright

thx
u/donbright

#unicode

show FPS hide FPS share fullscreen

khalkeus

remix of d/1453 by u/khalkeus

function u(t) {

c.width^=0;x.lineWidth=2;x.beginPath();for(j=1;j<9+Math.abs((t%9999)*S(t));j++){x.lineTo(960+C(j*t)*S(j*t)*222,C(j*t)*222+540);}x.stroke();

Feb 27 2017 3:23 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

darrentorpey

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 28 2017 3:23 AM UTC

}// 122/140

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