Dweets awesomed by u/Quant1um

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

Xen

remix of d/8673 by u/BalintCsala

function u(t) {

c.width=300
with(x)for(translate(150,90),i=9*t;i-->0;fill())beginPath(fillStyle=`hsl(${i*t},99%,39%`),arc(i/2,0,4*C(i+t)+4,0,9),rotate(-t/i)

Jun 20 2018 7:44 PM UTC

}// 140/140

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

quick play,, do i*i instead of i*t on hsl for the yellow submarine remix

Show more comments…
u/pythech

Had so much fun with this!
u/magna

SOOO PRETTY!
u/joeytwiddle

Finally, a nice Xen dweet I can show my mother! 🍭
u/S.T.L.K.R.

Keep watching ur complience will be rewarded
u/brainjs

This is awesome!!!
u/cantelope

#yellowsubmarine
u/joeytwiddle

Weird and wonderful

show FPS hide FPS share fullscreen

pythech

remix of d/8651 by u/lionleaf

function u(t) {

c.width|=0
with(x)for(translate(900,500),i=7*t;~i--;fill())arc(5*i,!beginPath(fillStyle=`hsl(${i*9},99%,50%`),20*C(i*.9)+30,!rotate(3.88),9)

Jun 20 2018 3:48 PM UTC

}// 140/140

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

Golfed back to the circles. Thanks to u/BalintCsala for the hsl trick

u/pythech

Rectangle version looks better anyway

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/8544 by u/firegodjr

function u(t) {

t?x.drawImage(c,0,3):x.fillRect(0,0,2e3,2e3)
for(Z=i=350;i--;x.fillRect(i*9-C(t+t-S(i/19-t))*Z-Z,0,Z,2-C(t)))x.fillStyle=R(f=S(i+t)*Z,i,f+i)

Jun 11 2018 7:01 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/iverjo

Kudos! Interestingly, this looks very different in fullscreen, without the moiré patterns

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

iverjo

remix of d/1788 by u/iverjo

function u(t) {

c.width=384;for(i=12;i--;x.fillStyle="#fff")for(j=27;j--;c.style.background=R())x.fillRect(84+i*20,29+j*6+15*S(j/8.3)*S(t*2.7-i/2-j/9),16,2)

Jun 3 2018 10:10 AM 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 "Wavy square" by #beesandbombs on Twitter

Show more comments…
u/DataMeta

a e s t h e t i c
u/firegodjr

Nice! Be
u/firegodjr

Nice! Be
u/firegodjr

Welp, that's not what I meant. Backspace and enter are very close on mobile. I was going to just post my version here. https://www.dwitter.net/d/8074
u/iverjo

Very nice, @firegodjr! It looks better than mine
u/Qwitter

Slinky Compression Waves

show FPS hide FPS share fullscreen

S.T.L.K.R.

function u(t) {

c.width=-1
c.onmousemove=d=>a=d.x
for(i=9;i--;){p=i*30
x.moveTo(0,p)
x.arcTo(3e2,a*i,0,p,9)
x.moveTo(p,0)
x.arcTo(a*i,3e2,p,0,9)
x.stroke()}

May 28 2018 10:59 PM UTC

}// 140/140

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

move your mouse over for grid i guess

u/lionleaf

Awesome #interactive

show FPS hide FPS share 1 remix fullscreen

johnbruin

function u(t) {

c.width=-1
x.translate(150,85)
for(j=9;j--;){
x.font=j/5+'em a'
x.rotate(t)
for(i=21;i--;)x.rotate(.3),x.fillText("CIRCLE*"[i%7],0,j*20)}

May 23 2018 9:33 PM UTC

}// 137/140

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

#text

u/magna

#circle

show FPS hide FPS share 1 remix fullscreen

Friend

remix of d/8092 by u/Friend

function u(t) {

t?0:i=j=k=0;
this[k%2?"j":"i"]+=(k+2<4?1:-1)
document.onclick=()=>k++;
k=k%4
x.fillRect(i*2,j*2,10,10)
x.fillStyle="hsl("+t%5*71+",99%,50%)"

May 18 2018 8:20 PM UTC

}// 140/140

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

Rainbow Snake - Click to turn

u/Friend

#interactive

show FPS hide FPS share fullscreen

GeorgesAbitbol

function u(t) {

for(j=0;j<6;j++)
for(i=1;i<7;i++)
x.fillRect(958+80*S((j+i)*t)+170*(i-3.5),170*(j-2.5)+538+80*S((j+(i+1))*t),4,4)

May 16 2018 9:03 PM UTC

}// 113/140

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

u/Xen

Love it!
u/hollo47

Beautiful!
u/fujimotos

See the hashtag #multi_dweet for the similar dweets

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/8010 by u/joeytwiddle

function u(t) {

for(c.width|=p=0;p++<1e3;x.fillRect(X+4,Y+4,w-8,w-8))r=p/4,k=2*t+r/50,x.clearRect(X=960+600*S(k)+r*C(p),Y=510+250*S(k/.5)+r*S(p),w=19+r/5,w)

May 7 2018 8:24 AM UTC

}// 140/140

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

Angry box worm

Show more comments…
u/joeytwiddle

Basically the same monster, just better presented
u/iverjo

Here's that same monster (from the side) after it eats one of those invincibility rainbow stars that Mario likes to consume: d/1806
u/iverjo

#worm
u/prplz

It looks like it's always getting closer, cool!
u/lionleaf

#organic
u/joeytwiddle

When it was younger: https://www.dwitter.net/d/1879
u/joeytwiddle

Lol u/iverjo, I get the tune in my head

dwitter.net | Quant1um (8604)