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

yonatan

remix of d/10109 by u/Purpzie

function u(t) {

c.style.filter='invert(1';c.width=-1;for(i=50;i--;x.fillText(u,t*-33,2))x.setTransform(a=4+i*i/150,0,0,a,150,84),x.globalAlpha=1-(i/50)**.1

Sep 27 2018 2:30 AM UTC

}// 139/140

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

u/joeytwiddle

Epic #quine
u/katkip

Genius
u/Purpzie

i'm just imagining this with the loud THX sound
u/magna

Whoa!
u/vain

stunning !!!

show FPS hide FPS share fullscreen

robbyg

function u(t) {

c.width|=0
x.translate(w=960,h=540)
for(i=9;i--;)x.rotate(S(i+t)/3),x.fillRect(i*99+S(t)*300-480,-99,50,200)
x.translate(-w,-h)

Sep 28 2018 2:33 PM UTC

}// 127/140

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

Drunken #default

u/sigveseb

niiiice
u/f8f82804

the last line isn't needed; resettting the width also clears any transform
u/f8f82804

103: c.width|=0;x.translate(960,540);for(i=9;i--;x.fillRect(i*99+S(t)*300-480,-99,50,200))x.rotate(S(i+t)/3)

show FPS hide FPS share 1 remix fullscreen

0x90

function u(t) {

r=_=>Math.random()-.5;with(x)fillStyle=`hsl(${t*900} 50%50%)`,drawImage(c,r()*99,r()*99),font='300px"',fillText('TRIGGERED',175,700)

Oct 1 2018 1:22 AM UTC

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

anotherkitten

function u(t) {

e=(a,b)=>~~(a/b%2)?b-a%b:a%b;x.fillRect(0,0,2e3,2e3);x.globalAlpha=.07;for(i=j=40;j--;)x.clearRect(e(t*j*i,1880),e((S(t)+1.2)*j*i,1040),i,i)

Sep 28 2018 2:10 PM UTC

}// 140/140

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

inspired by cantelope's dweets

show FPS hide FPS share fullscreen

Xen

function u(t) {

for(x.fillRect(0,0,c.width=i=2e3,i);i--;x.fillRect(1e3+C(i/3-t/5)*1e3,198*S(t+i)+i*.6,1,1))x.fillStyle="#fff"

Sep 30 2018 7:37 PM UTC

}// 109/140

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

Fullscreen

u/katkip

I like that they don't touch
u/donbright

woah

show FPS hide FPS share 1 remix fullscreen

Purpzie

function u(t) {

x.strokeStyle=`hsl(${1e3+t*50} 99%50%)`;x.beginPath();for(i=10;i--;)x.arc(1e3+S(t/2*i)*500,575+C(t*i/2)*500,0,0,2*Math.PI);x.stroke()

Sep 29 2018 1:25 AM UTC

}// 134/140

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

cycle of life

show FPS hide FPS share 2 remixes fullscreen

Purpzie

remix of d/3713 by u/bobdunn

function u(t) {

for(i=64;i--;)x.fillStyle=`hsl(${i*5+t*30} 60%${S(t*3)*25+50}%`,x.fillRect(i*30,S(4*t+3*i)*99,20,99);x.drawImage(c,-2,9)

Sep 28 2018 5:14 PM UTC

}// 120/140

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

u/joeytwiddle

#rainbow

show FPS hide FPS share 2 remixes fullscreen

davidsharp

function u(t) {

c.width|=s='dwitter';with(x)for(i=9,font='250px a';fillStyle=`#${i}${i}${i}`,i>0;i--)fillText(s,600+i*25*S(t),500+i*25*C(t))

Oct 1 2018 11:47 AM UTC

}// 124/140

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

dwittering around

show FPS hide FPS share 1 remix fullscreen

E-Mouse

remix of d/10154 by u/E-Mouse

function u(t) {

x.fillRect(t/2*100,0,2e3,1e3)
for(i=0;i<8;i++)
x.clearRect(-C(t/2*i)*2e3,20+(i*120),2e2,1e2)

Sep 30 2018 11:22 AM UTC

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

Bravveo

function u(t) {

c.width=1920
for(i=15;i--;){
m=t+i*2/15*Math.PI
for(o=20;o--;){
x.fillRect(960+C(m)*200+S(o)*200,540+S(m)*200+C(o)*200,20,20)
}}

Sep 29 2018 7:17 AM UTC

}// 128/140

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

u/Purpzie

Golfed it a bit: c.width|=0;for(i=300;i--;x.fillRect(960+(C(m)+S(a=i%40))*200,540+(S(m)+C(a))*200,20,20))m=t+(0|i/20)/7*Math.PI
u/Purpzie

WAIT shaved off two more characters: for(c.width|=i=300;i--;x.fillRect(960+(C(m)+S(a=i%40))*200,540+(S(m)+C(a))*200,20,20))m=t+(0|i/20)/7*Math.PI
u/Bravveo

Thz