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

satinxs

function u(t) {

f=frame;
s=v=>f<<v&255;
x.fillStyle=R(s(0),s(4),s(8),255);
r=(a,b)=>S(a)+b*C(a);
x.fillRect(960+t*8*C(f)+r(t,-1),540+t*8*S(f)+r(t,1),8,8);

Jan 2 2018 4:00 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

RyanFelton

function u(t) {

for(i=-1;i++<4000;){h=i%20;j=Math.floor(i/20);;x.fillStyle=R(h*S(t)*12,j*C(t)*12,(h+j)*C(t+10)*6);x.fillRect(96*h,54*j,96,54);}

Jan 1 2018 3:32 AM UTC

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

Mangocode

function u(t) {

c.width=1920;b=1140
  for(i=0;i<b;i+=0.25){x.fillStyle=R(i/(b/255),0,0)
j=i+t
k=b+t
  x.fillRect(900+S(j)*(k-j), 600+C(j)*(k-j), 75, 75)

Jan 2 2018 3:30 AM UTC

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

Hecatonicosachoron

remix of d/4952 by u/Hecatonicosachoron

function u(t) {

c.width=1920;for(i=0;i<50;i++)
x.fillRect(i*50, 600+S(i*t/10)*300, 50, 50), x.fillStyle = R(255*S(t/2), 255*S(t), 255*C(t), 0.5)

Dec 31 2017 1:13 PM UTC

}// 128/140

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

This rainbow actually has the colour blue in it :)

show FPS hide FPS share fullscreen

BackendForth

function u(t) {

x.fillStyle=R(S(t)*99+150,C(t*1.3)*99+150,S(t*.7)*99+150)
x.fillRect(510,290,300,300)
x.transform(1,S(t*1.1)*.002,.008*C(t),1,S(t),C(t*.9))

Dec 30 2017 6:49 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

Maxime

function u(t) {

s=200
k=s*(1.5+C(t))
c.width=720
z=(f,v)=>s+s*f(6.3*v/k)
for(i=0;i<k;i++){
j=z(S,i*9%k)
x.moveTo(z(C,i),z(S,i))
x.lineTo(j,j)
}x.stroke()

Dec 31 2017 12:06 PM UTC

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

function u(t) {

x.fillStyle=`hsl(${t*t},74%,47%,.02)`;x.font="256px x",x.fillText("💙",t*32%2e3,t*1e3%1e3),x.fillText("1000Awesomes",99+S(t)*19,499+C(t)*19)

Dec 29 2017 10:02 PM UTC

}// 139/140

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

Celebratory Dweet for hitting 1000 Awesomes!

u/Xen

Shout out to The CodeGolfTeam, i wouldn't be here if not for all you amazing guys and gals.
u/xem

U da best man!
u/Xen

thanks, bring on 2018 xem ;-)
u/iverjo

Gratz man! All the way up there together with New_Core

show FPS hide FPS share fullscreen

trupples

function u(t) {

c.width|=0
c.style.background=R()
x.fillStyle="#fff"
for(i=1e3;i--;p=1e5*S(i),r=9/(9-(p+t)%9),x.fillRect(C(i)*99*r+960,540+r*C(p)*99,r,r));

Dec 27 2017 11:51 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

Good starfield
u/trupples

<3
u/iverjo

#stars #starfield
u/jdspugh

Perfect

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/4281 by u/ebiester

function u(t) {

c.width|=s=S(t)
x.translate(960,o=480)
for(i=o;i--;x.rotate(C(t/2)/i*t))x.fillStyle=R(i*C(t)*2,i,o),x.fillRect(i*6*s,i*6*s,i*2,i*2)

Dec 28 2017 6:09 PM UTC

}// 131/140

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

Shoutz to ebiester.

u/ebiester

That's fantastic!
u/ebiester

Remixed your remix at #4550
u/Xen

thanks :-)

show FPS hide FPS share fullscreen

coderkid

function u(t) {

c.width|=0;for(j=40;j--;)for(i=23;i--;){x.fillStyle=R(frame%16*i,0,0);x.fillRect(j*50-(t*50%50),i*50-(t*50%50),46,46);}

Jan 1 2018 1:44 AM UTC

}// 119/140

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