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

@no_identd

remix of d/6447 by u/DirtyDan

function u(t) {

c.width=1920
for(i=b=540;i>0;i-=.5)x.beginPath(),x.ellipse(a=960+i*S(t+i*2.5),((i**2.214297)/i+i+200)/2,i/b*200,i/b*50,0,0,44/9),x.stroke()

Jan 25 2018 1:56 AM UTC

}// 139/140

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

This one has an illusion built in. You can mentally switch the rotation of what you see, which you may perceive as a 3D shape.

u/@no_identd

Also, if you add x.globalCompositeOperation='xor', like u/DirtyDan did here: https://www.dwitter.net/d/6430, you can STILL mentally flip it.
u/@no_identd

Actually, I've noticed, u/DirtyDan's original of this also has this illusion built in!

show FPS hide FPS share fullscreen

DirtyDan

remix of d/6409 by u/DirtyDan

function u(t) {

c.width=1920
x.globalCompositeOperation='xor'
for(i=b=540;i>0;i-=3)x.beginPath(),x.ellipse(960+i*S(t+i),i*2,i/b*99,i/b*50,0,0,44/7),x.fill()

Jan 24 2018 8:25 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/Qwitter

Mercurial
u/Qwitter

like ⚚
u/donbright

snakes!

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/6494 by u/magna

function u(t) {

x.fillRect(0,0,2e3,2e3);for(i=64;i--;)for(x.setTransform(1,0,0,1,i%8*240,(i>>3)*135),j=99;j--;)x.clearRect(120+S(t+j/4)*50,67+T(j*i)*50,3,3)

Jan 26 2018 1:15 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 4 remixes fullscreen

Yogeshp3

remix of d/6244 by u/RUNIE

function u(t) {

v=32
for(l=0;l<572;l++)d=l%v*v,x.fillStyle=`hsl(${t*150-d%360},99%,65%)`,x.fillRect(960+S(r=S(t-d/333)+l/v*.35)*d,540+C(r)*d,v,24)

Jan 22 2018 11:19 AM UTC

}// 130/140

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

u/RUNIE

wish I tried removing the canvas clearing :D looks so cool
u/sigveseb

wow such a simple yet so cool remix! nicely done
u/Yogeshp3

Thanks guys :) @sigveseb: i am a fan of your dweets..
u/sigveseb

:)

show FPS hide FPS share fullscreen

houmei

function u(t) {

c.width=1280 // clear the canvas
for(i=0;i<50;i++)
x.fillRect(400+S((t+i)*2)*400,300+S((t+i)*3)*300,10,10)

Jan 25 2018 12:59 PM UTC

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

njm

remix of d/6453 by u/sj_

function u(t) {

for(i=0;i<100;i++){x.fillStyle=`hsla(${i*10},60%,${50+i}%,.7)`
x.fillRect(-660-(C(t)*700)+70*i,-100+S(800*i)*t,50,5000)}

Jan 25 2018 4:00 AM UTC

}// 120/140

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

u/sj_

:D

show FPS hide FPS share 2 remixes fullscreen

yonatan

remix of d/6319 by u/veubeke

function u(t) {

for(a=_=140;--a;x.fill()){x.beginPath(x.fillStyle=R($=_*S(a+t),$+_))
for(i=3;i--;)x.lineTo(960+C(z=t+i+a)*a*9,540+S(z)*a*9)}

Jan 22 2018 1:44 PM UTC

}// 125/140

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

u/Xen

nice style
u/zanella

Cool texture!
u/zanella

Cool texture!
u/zanella

Cool texture!
u/Xen

done remix d/6333
u/sigveseb

wooow stylish af!

show FPS hide FPS share fullscreen

Qwitter

function u(t) {

w=c.width^=0;for(i=12;i--;x.beginPath()){k=7*t+t*t;p=k+i*6.3/12;x.arc((125.6*k)%(2*w)-110,w/4,200,p,p+1/2);x.lineWidth=99;x.stroke();}

Jan 24 2018 9:16 PM UTC

}// 134/140

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

Ludicrous Speed <i>GO!</i>. <sup>refresh</sup>

show FPS hide FPS share fullscreen

njm

function u(t) {

c=256*Math.random();x.fillStyle=R(c,c,c);x.fillRect(910+t*15*C(t),490+t*15*S(t),100,100)

Jan 25 2018 3:16 AM UTC

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

yonatan

function u(t) {

t?c.width|=0:a=[]
for(i=z=960;i--;x.fillRect(X,Y,9,9))[X,Y,I,J,L]=a[i]||[],a[i]=L?[X+I,Y>z?z:Y+J,I,Y>z?J*-.8:J+1,L-1]:[z,0,S(i*t)*3,0,i*9]

Jan 24 2018 8: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).

u/donbright

interesting way to do particles, looks really good
u/donbright

interesting way to do particles, looks really good