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

tearfalas

function u(t) {

c.width=1920;
  for(i=0;i<128;i++){x.fillStyle=R(255-(i+C(t*2)*100),50,120);x.fillRect(i*15,600+S(3*t+i/10)*50,10,150*C(i+t)*i/60)}

Dec 27 2017 9:40 PM UTC

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

Citiral

remix of d/3693 by u/Citiral

function u(t) {

  c.width=1920;s=40;for(i=0;i<1920;i+=s){for(j=0;j<1080;j+=s){f=s*(S(1.5*t+i+j)+1.1)/2;x.fillRect(i+f,j+f,s-f*2,s-f*2)}}

Dec 26 2017 8:34 PM UTC

}// 120/140

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

u/sigveseb

this looks nice!

show FPS hide FPS share fullscreen

ben

remix of d/4055 by u/ben

function u(t) {

c.width=500
g=t
for(j=1;o=j+t,j++<4;)for(x.moveTo(v=99*j,w=99*o%300),i=1;x.lineTo(v+=9*C(g),w+=9*S(o)*S(g)),i++<25;)i%4?g-=1:g+=2
x.stroke()

Dec 27 2017 9:22 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/joeytwiddle

Flipping cool! (Snow joke)
u/mohd-akram

Haha
u/iverjo

#snow

show FPS hide FPS share fullscreen

sandromiccoli

function u(t) {

x.fillStyle=R(0,0,0,0.2);
for(i=0;i<90;i++){
  x.rotate(137.5);
  x.fillRect(S(t+i)*c.width*1.2, 0, 15+(S(t)+1)/2*15, 15+(C(t+i)+1)/2*15) 
}

Dec 30 2017 9:18 PM 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 fullscreen

Flopster

remix of d/4715 by u/TylerCross

function u(t) {

c.width|=y=0
j=300
for(;y<11;y++)for(i=j;i--;)x.fillStyle=R(0,9,y%2*j),x.fillRect(i*10,j+y*y*10.5+(C(i*0.5/y-t*2+y)+S(t-(y*y)/15))*y*10,8,j)

Dec 29 2017 9:02 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/jaemiejaemie

change that one 9 in the fillRect to a 8 and you get seamless waves! pretty!
u/Galaxtone

I don't see a nine.
u/Galaxtone

Also i had to change the 9,j) to a 10,j) at the end so that it looked correct.

show FPS hide FPS share fullscreen

quuxman

remix of d/4867 by u/gabeu

function u(t) {

c.width+=0;for(i=3e3;i--;x.fillStyle=R(128*(1+C(i/1e3)),128*(1+S(i/1e3)),9))x.fillRect(950*(2+C((1+T(t/7))*i/99))-950,500*(1+S(i/99)),9,9)

Dec 30 2017 8:55 PM UTC

}// 138/140

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

Simply made it bigger :)

show FPS hide FPS share fullscreen

lionleaf

remix of d/3719 by u/soer9606

function u(t) {

c.width=1920;
for(i=0; i<1000; i++)
x.fillRect(940+900*S((t+i)), 700+400*S(2.5*t*t+i)/(1+.2*t*t)-400/(.2*t*t+1), 20, 20)//Add gravity :D

Dec 26 2017 11:01 PM UTC

}// 136/140

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

Had to add some gravity so I finally can go to bed!

show FPS hide FPS share 1 remix fullscreen

logomach

function u(t) {

c.width=2e3
  for(i=0;i<1920;i++){
x.fillStyle=R(255-i/2e3*255,40,i/10),
x.fillRect(960+i*S(t-i/10),i,10,10)
}

Dec 31 2017 8:44 PM UTC

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

quuxman

function u(t) {

x.beginPath()
r=1100
for(i=0;i<300;i+=2+(t/1000)%2)x.lineTo(S(i)*r+960,C(i)*r+540)
x.fillStyle=R(c=(S(t*2)+1)*120,c,c*2)
x.fill('evenodd')

Dec 29 2017 6:36 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 2 remixes fullscreen

JoshiRaez

remix of d/4661 by u/JoshiRaez

function u(t) {

c.width|=0;for(i=0;i<19; i++){for(j=-3; j<=3; j=j+0.125){x.fillRect(960+C(t+i+j)*540*C(Math.abs(j/2)),540+540*S(j/2),20,10);}}/*wut*/

Dec 29 2017 12:48 PM UTC

}// 133/140

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