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

rsrsrs

remix of d/12304 by u/pavel

function u(t) {

for(c.width|=i=35;i--;x.rect(r,-r,2*r,2*r))
r=(i-1*t%2)*30,
r*=r>0,
x.setTransform(1,0,0,1,0,540)
x.fill('evenodd')

Mar 17 2019 4:25 AM UTC

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

midnoclose

remix of d/12767 by u/AdamLantz

function u(t) {

x.font="1080px Comic Sans MS"
x.fillStyle="MediumVioletRed"
x.fillText("Why is this a color?",0,820,1920)

Mar 16 2019 12:34 AM UTC

}// 105/140

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

hot dogs

show FPS hide FPS share fullscreen

midnoclose

function u(t) {

f=5
x.fillStyle=R(S(f*t)*127+128,S(f*t+2)*127+128,S(f*t+4)*127+128)
x.font="120px Arial"
x.fillText("\\____/",(T(t)*500)+750,(S(t)*500)+750)

Mar 15 2019 11:57 PM UTC

}// 140/140

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

Sine rainbows are neat

u/LimeLaser

It reminds me of Rainbow Road from Mario Kart!

show FPS hide FPS share fullscreen

katkip

function u(t) {

for(i=999;i--;)r=Math.random()*t*3,x.fillRect(
959+S(r/3+S(r/9+S(r+t)/399)*r*2)*960,
539+S(r/2+C(r/5-C(r+t)/399)*r*2)*540,
2,2);

Mar 13 2019 12:34 PM UTC

}// 128/140

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

#waitforit #abstract ink can't escape

u/Ath0r

cool!

show FPS hide FPS share 1 remix fullscreen

LimeLaser

function u(t) {

c.width|=0
r=Math.random
p=t?p.map(([i,j,u,v]=[2e3*r(),2e3*r(),2*r(),4*r()])=>[(i+u)%2e3,(j+v)%2e3,u,v,x.fillRect(i,j,8,8)]):[...Array(4e3)]

Mar 14 2019 5:42 AM UTC

}// 140/140

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

Infinite Snowfall (Which Goes Right Because Modulo)

u/Jezza

Squeezed in some snow that floats left. ❄️❄️❄️ https://www.dwitter.net/d/12751

show FPS hide FPS share 1 remix fullscreen

marc8

function u(t) {

c.width=w=320
for(i=0;i<w;i++){
z=1-(S(k=(i-w/2)/11)/k)**2
x.globalAlpha=z**10 //gamma
x.lineTo(i,1+z*60)
x.fillRect(i,80,1,70)}
x.stroke()

Mar 12 2019 9:59 PM UTC

}// 139/140

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

The physics dweets: single slit diffraction figure. Adjust the gamma value from 1 (accurate) to whatever (enhanced).

u/rodrigo.siqueira

Morlet Wavelet + Gabor filter #wavelet

show FPS hide FPS share 1 remix fullscreen

AdamLantz

function u(t) {

c.width=1920;I=44;W=515
for(i=0;i<I;i++){
x.fillStyle=R(Y=i*I%255,Y,Y)
x.fillRect(935+S(t-0.1*i)*215, W+C(t-0.01*i)*W, 50, 50)
}

Mar 14 2019 5:15 PM UTC

}// 128/140

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

It's a... snake?

u/Xen

Nice

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