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

yokljo

remix of d/8339 by u/yokljo

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(i=1000;i--;x.fillRect(i*3,500+(S(i*(t+56)/30)+C(t+i/99)*2)*130,7,7))x.fillStyle=`hsl(${i},${i/6}%,${i?60:0}%)`

Nov 15 2018 12:39 PM 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

pavel

function u(t) {

s=t?s:new Date;c.width|=0;x.font='8em"';['t',t,'system clock',w=(new Date-s)/1e3,'ratio',t/w].map((s,i)=>x.fillText(s,i%2*800,(2+i>>1)*99))

Nov 13 2018 10:06 PM UTC

}// 139/140

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

Animation slowdown detector (does not handle pausing)

u/pavel

I've noticed animations being slower on my iphone. This dweet shows a ratio of 1 on my macbook but 0.558 on my phone!
u/pavel

This is a Safari issue; runs at .558 on phone and mac. Mac Chrome runs at 1.
u/prplz

Same result on my iPhone/safari too
u/magna

See also d/3307
u/katkip

Mine is 1.1 on pc

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/10939 by u/veubeke

function u(t) {

for(c.width=2*(n=i=300);--i;x.fill(new Path2D('M0 2C8-5,8 8,0 0')))z=4/(2+C(A=t*i/n+i*i)),x.setTransform(C(A)*z,0,0,z,S(A)*99*z+n,i*i%n+9*z)

Nov 12 2018 1:04 AM UTC

}// 140/140

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

u/iverjo

#fish

show FPS hide FPS share fullscreen

and3k5

function u(t) {

x.font="9em s"
x.globalCompositeOperation="xor"
s=t*100;
w=1420
h=880
a=Math.abs
x.fillText("And3k5",a(s%w*2-w),150+a(s%h*2-h))

Nov 13 2018 11:54 PM UTC

}// 128/140

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

Smeary ugly/unreadable text

show FPS hide FPS share fullscreen

metamero

function u(t) {

c.width^=0
p=Math.PI
r=300
for(i=0;i<8;++i){
  x.beginPath()
  x.arc(960+C(1.9*C(t)*t+i*p/4)*r,540+S(S(t)*t+i*p/4)*r,r/4,0,2*p)
  x.fill()
}

Nov 14 2018 2:12 PM UTC

}// 140/140

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

circular movement

u/joeytwiddle

circles moving in circles?

show FPS hide FPS share fullscreen

metamero

remix of d/888 by u/jczimm

function u(t) {

c.width^=3330;
for(i=0;i<300;i++)
  for(j=0;j<6;j++)
    x.fillRect(960+800*C(i)*C(T(t/5.1)+j/i),540+400*S(i*2),10,10)

Nov 14 2018 12:11 PM UTC

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

and3k5

function u(t) {

c.width^=0
x.font="10em s"
s=t*100;
w=1720
h=880
x.fillText("📀",Math.abs(s%w*2-w),150+Math.abs(s%h*2-h))

Nov 13 2018 6:18 AM UTC

}// 104/140

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

waiting for that disk to hit the corner perfectly

u/pavel

I wish I could click it and it split into two :)
u/sigveseb

Haha nice
u/joeytwiddle

#bounce

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/10993 by u/rodrigo.siqueira

function u(t) {

x.stroke()
x.arc(940-S(t*3)*640,540-C(t*2)*340,120,0,6)

Nov 16 2018 12:44 AM UTC

}// 55/140

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

Tubular Bells

show FPS hide FPS share fullscreen

Xen

function u(t) {

for(a=c=b="";a++<81;b+=a%9?" . ":"\n",a%9?0:c++)b+=(a+c)%9+1;throw b

Nov 15 2018 7:55 PM UTC

}// 68/140

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

Simple Latin Square, Shoutz to u/rnbw for the idea

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

N=t%32
P=c.width=128
for(k=0;k<N;k++) {
 for(n=0;n<N;n++) {
  s=6.28*k*n/N
  x.fillStyle=R(P*C(s),P*S(s))
  x.fillRect(k*2,n*2,2,2)
 }
}

Nov 12 2018 6:28 PM UTC

}// 136/140

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

#dftmatrix Fourier Transforms make me happy. red=real, green=imaginary