Dweets awesomed by u/rhys5584

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: #Opposites

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 2 remixes fullscreen

napoporitataso

function u(t) {

t||x.translate(960,540)
x.fillStyle=`hsl(${t*80%360},100%,65%)`
x.font='1700px serif'
x.fillText('%',0,0)
x.scale(1,.995)
x.rotate(2)

Jun 9 2018 8:43 AM UTC

}// 133/140

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

u/flexelektro

learned something from the first line. nice.

show FPS hide FPS share fullscreen

rhys5584

function u(t) {

c.width=480;x.font='150px a';x.fillText(document.getElementsByClassName('score-text'),0,180);

Jun 8 2018 4:52 AM UTC

}// 93/140

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

u/joeytwiddle

I'm afraid you can't access that, because your dweet's javascript runs inside the iframe.

show FPS hide FPS share fullscreen

firegodjr

function u(t) {

r=Math.random
for(i=y=2e3;i--;)X=r()*y,Y=r()*y/2,x.fillStyle=R(f=(S(X/240-.8)*T(X/120+(X>960?t:-t))+S(Y/200-1))*128,f,f),x.fillRect(X,Y,9,9)

Jun 6 2018 5:02 PM UTC

}// 140/140

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

Tangent waves

show FPS hide FPS share fullscreen

sukkamehu

remix of d/8405 by u/DataMeta

function u(t) {

c.width=1920;x.font="16pt Arial";p=Math.PI;l=.8956;for(i=0;i<300;i++)
x.strokeText("•",960+p*i*S(t+i*l),540+S(t/7+i/p)*i*l*1.73245)

Jun 5 2018 12:36 AM UTC

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

DataMeta

function u(t) {

c.width=1920;x.font="1em Arial";p=Math.PI;
for(i=0;i<256;i++)x.strokeText("°",960+p*i*S(t+i*.989),540+S(t+i)*p*i*.618)

Jun 4 2018 11:37 PM UTC

}// 118/140

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

babby's first repeating 3D pattern (tips for increasing fps are welcome)

u/sukkamehu

atleast for me the fps is great
u/sukkamehu

stable 60fps
u/DataMeta

I get 60 also, but in full screen there are some stutters

show FPS hide FPS share 4 remixes fullscreen

firegodjr

remix of d/8369 by u/BirdsTweetCodersDweet

function u(t) {

for(c.width|=i=1e3;i--;x.beginPath())x.globalAlpha=.1,x.arc(S(t*2+i/50)*i+960,C(t*3+i/50)*i+540,i/9+2,0,7),x.fill()

Jun 4 2018 4:52 PM UTC

}// 115/140

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

u/joeytwiddle

I like the shading effect. It makes the tube appear rounded.

show FPS hide FPS share fullscreen

yokljo

function u(t) {

x[s="fillStyle"]=R()
x[b="globalAlpha"]=0.04
x[o="fillRect"](0,0,w=1920,h=1080)
x[s]=R(w)
x[b]=1
for(i=50;i--;)x[o]((t*h/i)%w,(t*h*i)%h,t,9)

Jun 4 2018 1:35 PM 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 fullscreen

pythech

remix of d/8339 by u/yokljo

function u(t) {

for(x.fillRect(0,0,2e3,i=2e3);i--;x.fillRect(i*3,500+(S(t+i&64)+C(t+i*~(t/2)*11))*120,7,7))x.fillStyle=`hsl(${i},${i/6}%,${i?60:0}%)`

Jun 3 2018 2:53 PM UTC

}// 133/140

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

dwitter.net | rhys5584 (4890)