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 1 remix fullscreen

anthonylewis

function u(t) {

Z=Math.random;rg=Z()*127+128;x.fillStyle=R(rg,rg,255);
x.beginPath();x.arc(Z()*1920,Z()*1080,Z()*128,0,2*Math.PI);x.fill();

Apr 5 2018 4:15 AM UTC

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

Agnes

function u(t) {

for(i=10,x.font="64px A";i--;e=960*(1+S(8*i+t/15)),y=540*(1+S(13*i+t/32)),x.clearRect(e-10,y+10,!i*94,!i*-84),x.fillText(!i?"🚒":"⛸️",e,y));

Apr 6 2018 11:21 AM UTC

}// 139/140

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

Zamboni simulator. Numbers were chosen to work with Chrome emojis. Probably breaks with any other set of emojis; sorry about that.

u/Agnes

Just realised there may be a way cooler way to do this with shadowBlur.

show FPS hide FPS share fullscreen

hollo47

remix of d/7568 by u/hollo47

function u(t) {

for(w=1920,h=1080,d=9;d>0;d--)s=S(t/7+3*d),f=C(t/7*d/3),x.arc(s*s*w,f*f*h,1,0,0),x.fillStyle=R(h/s,f*h,f*s*h,0.01),x.fill();x.beginPath()

Apr 4 2018 5:55 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 1 remix fullscreen

jylikangas

remix of d/7495 by u/jylikangas

function u(t) {

for(a=t,c.width=99,i=16;i--;x.stroke())x.lineTo(50+S(t+=(7-i)%2/.64)*29,12+(i%4>>1<<5)+C(t)*11)
x.fillText('◕',43+S(a*7)*19,32+S(a*9)*19)

Apr 2 2018 12:15 PM UTC

}// 137/140

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

Fake physics :)

u/iverjo

#cube
u/iverjo

#wireframe

show FPS hide FPS share 1 remix fullscreen

function u(t) {

c.width=300;for(y=100;y<200;y+=5){x.fillStyle=R(y,S(t)*128,0);
for(i=0;i<500;i+=2)x.fillRect(i,-60+y+S((i+t*50)/50)*(C(t+y/100)*100),5,9);}

Apr 4 2018 7: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).

show FPS hide FPS share fullscreen

prplz

remix of d/7550 by u/prplz

function u(t) {

for(let q,Y,X=120;X--;)for(Y=60;Y--;x.fillRect(X*16,Y*16,16,16))q=X**2+Y**2,x.fillStyle=R(S(q*50+t*8)*255,S(q*25+t*16)*255,S(t)*99+99)

Apr 4 2018 2:39 AM UTC

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

hollo47

function u(t) {

for(c.width=w=300,h=400,i=1;i<53;i++)a=3*t*i/2%w*2,a>w?a=2*w-a:a,b=h-S(t-i)*h,b>h?b=2*h-b:b,x.fillStyle=R(a,t*i,b,1),x.fillText("⬤",a,b);

Apr 5 2018 1:22 PM UTC

}// 137/140

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

My best attempt at recreating the sony bravia bouncy balls ad

u/New_Core

=) did you see.. https://www.dwitter.net/d/3267
u/hollo47

No I didn't, wow.

show FPS hide FPS share fullscreen

function u(t) {

c.width+=0;t?x.lineWidth=8:a=Array(1e3).fill(0);x.stroke(new Path2D('M960 540'+a.map((b,i)=>(a[i]+=S(i**3)*.01,'l'+C(b)*20+' '+S(b)*20))))

Apr 2 2018 11:01 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

hollo47

function u(t) {

for(i=0;i<6000;i++)w=i%99,h=~~(i/99),d=Math.hypot(w-50,h-25),x.fillStyle=R(255*S(t),99*S(t*d*3),255,S(60-d/44)),x.fillRect(20*w,20*h,20,20)

Apr 4 2018 4:41 AM UTC

}// 139/140

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

When you're not wearing sunglasses...

u/hollo47

#sun

show FPS hide FPS share fullscreen

God

function u(t) {

c.width=2920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(50+i*190+S(t)*300,400,50,200) // draw 50x200 rects

Apr 6 2018 12:14 PM UTC

}// 111/140

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