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

xav

function u(t) {

s=Math.ceil(C(t)*480)+500;for(i=0;i<1920;i+=s){for(j=0;j<1080;j+=s){x.fillStyle=R(i/7.53,j/4.23,(i+j)/11.76-t);x.fillRect(i,j,s,s)}}

Dec 27 2017 9:14 AM UTC

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

Xen

remix of d/4132 by u/bkardon

function u(t) {

for(X=k=199;k--;x.fillRect(r*C(t-k)+960,r*S(t-k)+540,9,9))r=t*X*2%1e3,x.fillStyle=R(k,X*C(t*k/X)%X,X*S(t*9),.1)

Dec 27 2017 8:12 PM UTC

}// 111/140

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

u/bkardon

Nice remix!
u/Xen

thank you, 15seconds+ to kick in, i always do slow ones :-P

show FPS hide FPS share 2 remixes fullscreen

Exquisite

function u(t) {

c.width=1920;q=999;for(i=1;i<q;i++){r=10+i*0.01;x.fillStyle=R(i%20,i%225,i%30);x.fillRect(960+i*C(i),540+i*0.5+C(C(t*0.6)*i*0.015)*80,r,r);}

Dec 27 2017 6:09 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 1 remix fullscreen

jbl

remix of d/4636 by u/quuxman

function u(t) {

p=t?p:Array(22).fill(1)
for(i=4;i<22;p[i++]+=(p[i]-=i*p[i++]%.99-.5))for(j=9;--j;x.fillStyle=R(0,75-j*j),x.fillRect(p[i],p[i+2],j**t,j**t));

Dec 29 2017 8:03 PM UTC

}// 140/140

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

hmm. maybe fill(2) is better.?.. :-)

show FPS hide FPS share 1 remix fullscreen

Citiral

function u(t) {

x.t=x.translate
x.lineWidth=3
if(!t)x.t(960,540)
x.save()
for(i=3;i--;){x.rotate(t*S(i)*2);x.t(0,97*i)}
x.lineTo(0,0)
x.restore()
x.stroke()

Dec 26 2017 10:13 PM UTC

}// 140/140

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

I had implemented so many more features, like a nice gradient while drawing, but had to scrap a lot to get it in 140 characters... :( DwitLonger please!

Show more comments…
u/lionleaf

Neat! At first thought it was a lopsided <3 :P
u/Xen

its all in the codegolf, you'll learn some shortening tricks by looking around here, t?x.lineWidth=3:x.t(960,540)
u/Xen

its all in the codegolf, you'll learn some shortening tricks by looking around here, t?x.lineWidth=3:x.t(960,540)
u/Citiral

Ooh, that's a really neat trick, thanks! And here I was, so proud of my for loop :p
u/Xen

why that needed to post twice i have no idea :-(
u/Xen

for(i=3;i--;x.t(0,97*i))x.rotate(t*S(i)*2)
u/Xen

there will be a messaging system shortly, will come in handy for shaving that last pesky byte

show FPS hide FPS share 1 remix fullscreen

eskimofo

function u(t) {

c.width|=0;r=500
g=()=>(960+r*C(i)*C(t+i/10))
for(i=0;i<4e3;i++)x.fillRect(g(),540+r*S(i),10,10)
x.fillRect(960,40,20*C(t),1000)

Dec 29 2017 5:52 AM 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 fullscreen

rikardlindstrom

remix of d/4225 by u/rikardlindstrom

function u(t) {

  w=1920;h=w*.5;c.width=w;x.translate(h,540);
  for(i=0;i<1E3;i++,T=(i+t)*t/h)
  x.fillRect(C(T)*h, 0, .1, S(T)*w)+x.rotate(2)

Dec 28 2017 12:29 AM UTC

}// 126/140

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

u/Qwitter

Very Cool

show FPS hide FPS share fullscreen

Xen

function u(t) {

x.fillStyle=`hsl(${t*159},90%,50%)`,x.drawImage(c,0,Z=13*S(t))
x.fillRect(0,Z>1?1:1079,2e3,2)

Dec 29 2017 7:51 PM UTC

}// 93/140

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

color test.

show FPS hide FPS share fullscreen

itsjustmustafa

remix of d/3857 by u/itsjustmustafa

function u(t) {

x.fillStyle=R();x.fillRect(0,0,1920,1080);x.fillStyle="white";for(i=0;i<99;i++)p=9*S(i)+9,x.fillRect((t*99+p**9)%1920,(i*9+t*p*50)%1080,p,p)

Dec 27 2017 8:47 AM UTC

}// 140/140

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

Now with more wind!

show FPS hide FPS share fullscreen

Faaip

function u(t) {

w=1920;c.width=w;for(i=-9;i<w;i++)x.fillRect(i,0,50,w/2*Math.random());x.fillStyle="#FFF",x.ellipse(w/9,w/4+10*S(t*3),40,6,0,0,6.3);x.fill()

Dec 27 2017 12:03 PM UTC

}// 140/140

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

u/sigveseb

a ufo crusing over the cityscape, nice
u/sigveseb

cruising*
u/joeytwiddle

It took me back to the arcade game Defender