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

alien

function u(t) {

for(o=c.width=i=1900;i--;x.fillStyle=R(o=i+S(t+89*i)*13,0,o/4+i%50))x.fillRect(2*i*S(i+t)*S(o/100)+800,i*C(i+t+o/600)*2+500,i,i)

Jun 10 2018 9:52 AM UTC

}// 128/140

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

Black hole , to @Xen basic guide.

show FPS hide FPS share fullscreen

E-Mouse

remix of d/8543 by u/firegodjr

function u(t) {

x.beginPath()
c.width|=0
x.stroke()
for(i=500;--i;)x.lineTo(C(k=i/5%1*t)*C(i)*400+900,C(k)*400+500)
x.fill("evenodd")

Jun 12 2018 1:32 PM UTC

}// 117/140

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

u/joeytwiddle

#shiny

show FPS hide FPS share fullscreen

pythech

remix of d/8575 by u/New_Core

function u(t) {

with(x)for(b=c.width|=i=40;i--;fill())ellipse(i*199%b+99*S(a=t+i),1200-a*i*20%1300,77,99,0,!beginPath(fillStyle=`hsl(${i*i},99%,50%,.9)`),9)

Jun 13 2018 1:26 AM UTC

}// 140/140

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

added transparency, hsl trick doesn't work on Safari it seems

u/joeytwiddle

Instead of hsl(...) you can use hsla(... which will work in Safari
u/pythech

yeah but then you'll exceed the character limit, oh well
u/pythech

the other browsers silently accept the 4th parameter when they should not. That's a bit trickery for me, or at least that's what I meant. I could phrase it a better it seems, thanks for helping anyway, my bad :D

show FPS hide FPS share fullscreen

pythech

remix of d/8520 by u/pythech

function u(t) {

x.beginPath()
c.width|=0
for(i=t*1.2;--i>0;) {
x.arc(S(i)*C(t)*300+900,700,19+i**Math.min(t,20),0,9,1)
}
x.fill("evenodd")

Jun 10 2018 1:14 AM UTC

}// 122/140

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

tunnels

u/lionleaf

#tunnel
u/iverjo

Nice idea
u/katkip

That's genius

show FPS hide FPS share 1 remix fullscreen

pythech

function u(t) {

with(x)scale(50,50),fillStyle='#3a5',strokeStyle='#252',fill(z=new Path2D(`M20 13a3 3 0 1 0 -2.2 0l-2 5.3a8.8 8.8 0 1 1 6.3 0z`)),stroke(z)

Jun 11 2018 2:46 AM UTC

}// 139/140

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

Open Source Initiative #logo

u/13thptr

#path2d

show FPS hide FPS share 1 remix fullscreen

pythech

remix of d/8539 by u/pythech

function u(t) {

x.beginPath()
x.fillStyle=R()
c.width|=0
for(i=500;--i;) {
x.arc(S(k=i*1043+t)*C(i)*400+900,C(k)*400+500,19,0,9)
}
x.fill()

Jun 11 2018 6:30 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 2 remixes fullscreen

BirdsTweetCodersDweet

function u(t) {

for(i=2;i--;)x.beginPath(x.fillStyle=R(i?a=S(t)*129+129:0,0,i?0:a))|x.arc(960+80*S(i?π=t*5:n),540+80*C(i?n=π+3:π),80-30*S(t*8),0,7)|x.fill()

Jun 10 2018 4:28 PM UTC

}// 140/140

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

Spinning orbs

Show more comments…
u/BirdsTweetCodersDweet

Longer, but better (153): for(i=2;i--;)x.beginPath(x.fillStyle=R(i?w=255-(s=C(t*2)*127+128):s,0,i?s:w))|x.arc(960+80*S(i?π=t*5:n),540+80*C(i?n=π+3.14:π),80-30*S(t*8),0,7)|x.fill()
u/BirdsTweetCodersDweet

Inspired by the "second phase" in http://slicker.me/javascript/yinyang.htm. Thank you to Joey, Veubeke, and Athos from Discord for the last ~100 chars golf (I still golfed it from 480 chars to 240 though :P)
u/BirdsTweetCodersDweet

Putting a=S(t*2) also makes the color transition better, but that would be 142 chars
u/pythech

just golfed the a=S(t*2) version
u/pythech

golfed the 153 chars version too
u/pythech

I don't feel comfortable owning your work just because I could golf it though. I just put them as remixes but I can delete them if you want and you can repost it I guess (I don't use discord, bummer, maybe I should?).
u/joeytwiddle

I also feel uncomfortable owning your Debian logo. But that's how things go on Dwitter these days! u/lionleaf was talking about a remix-in-comments feature. Perhaps this is part of the motivation.
u/pythech

Cool idea! Yours was a proper remix though IMO, which involved changing the code and so on. Also great job on that btw :D
u/BirdsTweetCodersDweet

No problem pythech, just post the links here, and give credit :P
u/BirdsTweetCodersDweet

And yeah, join discord

show FPS hide FPS share fullscreen

Xen

remix of d/8543 by u/firegodjr

function u(t) {

for(x.beginPath(c.width|=Z=i=600);--i;)x.lineTo(S(k=i*2+t-C(t+i*4))*C(i)*Z+900,C(k)*Z+Z)
x.fill("evenodd")

Jun 11 2018 7:32 PM UTC

}// 106/140

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

Entity

u/firegodjr

It Knows All

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

c.width=-1
for(i=99;i--;)x.fillText(String.fromCodePoint(65+i%58),i*8-t*60%464,177),x.drawImage(c,i+260,170,1,10,i*8,50+20*S(i/9+t),18,60)

Jun 10 2018 12:45 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

lell

function u(t) {

c.width|=0;for(i=0;i<1920;i+=10){ x.fillStyle = R(i/2,i,255-i); x.rotate(.11); x.fillRect(i*10,500+S(t)*200+C(t*i)*500,10,200)}

Jun 13 2018 3:17 PM UTC

}// 127/140

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