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

katkip

remix of d/9231 by u/katkip

function u(t) {

for(i=0;i<t;i++)x.fillRect(960+C(i+t)*960,540+S(i+t)*540,9,9)
x.globalCompositeOperation='xor';x.drawImage(c,0,-9)

Aug 13 2018 9:22 AM UTC

}// 114/140

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

Evolving sierpinksi

u/BirdsTweetCodersDweet

* Sierpinski

show FPS hide FPS share fullscreen

Xen

remix of d/9232 by u/katkip

function u(t) {

x.fillStyle=`hsl(${t*t*9},90%,30%)`,
x.fillRect(960+C(t*3)*960,t*399%1e3,59,21)
x.globalCompositeOperation='difference';x.drawImage(c,0,19)

Aug 13 2018 6:26 PM UTC

}// 139/140

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

Try Angles

u/katkip

XD

show FPS hide FPS share 2 remixes fullscreen

katkip

remix of d/9238 by u/Xen

function u(t) {

for(i=2e3;i--;x.fillRect(i,500+500*S(i/199+C(i*t/200)-S(t)*t),t+25,t+25))x.fillStyle=`hsla(${i/t+t},90%,30%,.01)`

Aug 15 2018 7:40 AM UTC

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

joeytwiddle

remix of d/9220 by u/katkip

function u(t) {

r=Math.random;for(i=1e3;i--;x.fillText('mtrc'[r()*4|0],y*32,z*32*z/t))y=r()*66,z=r()*33,x.fillStyle=R(0,C(t*i)*1e3-745);x.drawImage(c,0,9)

Aug 13 2018 6:41 AM UTC

}// 138/140

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

u/katkip

Oh nice. How's shorter?

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width+=0;x.font='8cm A';x.fillText('dwitterɹǝʇʇıʍp',T(t/5)*250+280,550);x.save();x.scale(-1,1);x.drawImage(c,0,0,c.width*-1,c.height)

Aug 12 2018 7:03 PM UTC

}// 135/140

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

I like how are they combining #ambigram

u/jusdepatate

Wow

show FPS hide FPS share fullscreen

New_Core

function u(t) {

for(j=3;j--;)for(i=99;i--;x.fillRect(910+i+910*S(j*6-t),1e3,1,20))x.fillStyle=`hsla(${i+j*t*9},99%,${99*S(i/30)}%`
x.drawImage(c,9*S(t),-20)

Aug 11 2018 2:18 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/magna

Pretty!
u/aleamb

cool!
u/Xen

nice style!

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9230 by u/katkip

function u(t) {

for(i=0;i<1;i++)x.fillRect(960+C(i+t)*960,540+S(i+t)*540,9,90)
x.globalCompositeOperation='xor';x.drawImage(c,0,90)

Aug 13 2018 9:20 AM UTC

}// 115/140

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

Better Visualisation

u/joeytwiddle

#shiny

show FPS hide FPS share fullscreen

ETHproductions

remix of d/2526 by u/eruonna

function u(t) {

t?c.width|=onkeyup=e=>{p=t;n++}:n=p=0
x.font='64px monospace';((u+`
`).slice(y=0,n)+'| '[(t-p)*2&1]).split`
`.map(r=>x.fillText(r,0,y+=64))

Aug 11 2018 3:00 PM UTC

}// 139/140

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

Hacker typer, but the cursor resets when a key is pressed. Had to sacrifice the reset at the end...

show FPS hide FPS share 1 remix fullscreen

ETHproductions

remix of d/2522 by u/magna

function u(t) {

((c.width|=y=0,x.font='64px monospace',u+`
`).slice(0,t*3+S(t)*5)+' |'[t*2&1]).split`
`.map(r=>x.fillText(r,0,y+=64))

Aug 11 2018 2:41 PM UTC

}// 117/140

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

Down to 117, looks nicer on the canvas too... Still no room for typos though!

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9225 by u/Xen

function u(t) {

x.drawImage(c,1e3*S(t/t*9),0);for(i=1e3;i--;x.fillRect(i*2,500+500*S(i/99+t*3),9,9))x.fillStyle=`hsl(${i*t*i},90%,30%)`

Aug 14 2018 10:12 AM UTC

}// 119/140

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