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

midnclose

function u(t) {

x.fillStyle=R(S(0.5*t+0)*127+128,S(0.5*t+2)*127+128,S(0.5*t+4)*127+128,1)
x.fillRect(0,0,1920,1080)

Mar 15 2019 12:05 AM UTC

}// 99/140

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

My first dweet. Hope you enjoy!

u/midnoclose

I made this account on accident so I'm going to repost this dweet on my new account.

show FPS hide FPS share fullscreen

jeff

function u(t) {

c.width=1920
for(i=j=0;j<4;i==5?(i=0,j++):i++){x.fillStyle=R((i+j)*t*60%255,(i+j)*t*60%255,(i+j)*t*60%255);x.fillRect(i*320,j*270,320,270);}

Mar 15 2019 12:05 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 fullscreen

DeathBoy

function u(t) {

c.width=1920
n=19
for(i=0;i<n;i++)
{
Y=C(t*3+(i+n)%n)
x.fillStyle=R(Y*250)
x.fillRect(0+i*100,550+S(t*3+i)*300,100,Y*120)
}

Mar 14 2019 11:56 AM UTC

}// 123/140

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

u/Undefined

c.width|=0;for(i=n=19;i--;)Y=C(t*3+(i+n)%n),x.fillStyle=R(Y*250),x.fillRect(0+i*99,540+S(t*3+i)*300,99,Y*120) - Golf your code, 110
u/Undefined

108 if you remove the unnecessary 0+
u/Xen

for(c.width|=i=n=98;i--;x.fillRect(i*n,540+S(t*3+i)*300,n,Y*n))x.fillStyle=R((Y=C(t*3+i+n%n))*250) 98bytes with tiny tweak

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

V=t?V:4
X=t?X+V:8
V*=(4<X&X<180)?1:-1
c.width=192
a=50+S(t)*50
b='fillRect'
x[b](2,a-5,3,9)
x[b](185,a-2,3,9)
x[b](X,a,3,3)

Mar 15 2019 10:27 AM UTC

}// 123/140

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

Pong for 2 (locally declared, global variable)

u/Jezza

Simple but effective! I like it!
u/Jezza

You can: b=x.fillRect;
u/Jezza

And then b(2,a-5,3,9) etc

show FPS hide FPS share 1 remix fullscreen

AdamLantz

function u(t) {

o=127;p=2;
x.fillStyle=R(o+o*S(t),o+o*S(t-p),o+o*S(t+p))
for(i=0;i<20;i++)
x.fillRect(935+S(t+i)*935,C(t+i/2)*515+515,50,50)

Mar 14 2019 5:59 PM UTC

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

WasifBoomz

function u(t) {

x.globalAlpha=0.01
if(t==0)w=0
w=(w+(Math.random()*200-100))
h=w/16*9
x.fillRect(960-w/2,540-h/2,w,h)
x.fillStyle="green"

Mar 14 2019 10:55 PM UTC

}// 121/140

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

Make the color in x.fillStyle anything!

show FPS hide FPS share fullscreen

robotman_

remix of d/12536 by u/robotman_

function u(t) {

k=8/3.14
c.width=1920
for(i=0;i<16;i++)x.fillStyle=`hsl(${i*360/16},99%,50%`,
x.fillRect(960+S(t-i/k)*400*S(t),540+C(t-i/k)*400,20,20)

Mar 15 2019 9:55 PM UTC

}// 134/140

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

Another Rainbow Circle

show FPS hide FPS share 1 remix fullscreen

andrea270872

function u(t) {

c.width|=K=1e3
A=[(t*97%11-5)*K,(t*89%13-6)*K,0]
P=t?P.map(([i,j,z,v])=>[i,j,(z+1)%99,x.fillRect(K+i/z,500+j/z,8,8)]):[A]
P[K]||P.push(A)

Mar 15 2019 7:43 PM UTC

}// 137/140

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

Remove the drain stopper v2

show FPS hide FPS share 1 remix fullscreen

AdamLantz

remix of d/12747 by u/AdamLantz

function u(t) {

o=127;p=2;
x.fillStyle=R(o+o*S(t),o+o*S(t-p),o+o*S(t+p))
for(i=0;i<200;i++)
x.fillRect(935+S(t+i)*935,C(t+i/2)*515+515,50,50)

Mar 14 2019 6:00 PM UTC

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

andrea270872

function u(t) {

c.width|=r=Math.random
x.canvas.onclick=e=>{P=[500,500,r()*5-2,-r()*10]}
[I,J,U,V]=P
P=t?[(I+U)%2e3,J+V,U,V+.1]:0
x.fillRect(I,J,8,8)

Mar 15 2019 5:58 PM UTC

}// 133/140

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

Shoot a particle (click anywhere on the canvas)