Dweets awesomed by u/Curlip

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 fullscreen

Xen

remix of d/3167 by u/Xen

function u(t) {

for(i=c.width|=0;i--;x.fillRect(960+S(p=.9*i+S(t)*3e3/i*S(t))*(d=i*i/1e3)-i*C(t),540+C(p)*d-i*S(t),s,s))x.fillStyle=R(Z=t*i%255,s=i/5,255-Z)

Jan 2 2018 9:31 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 more comments…
u/jbl

WOW! 💯
u/lionleaf

Testing new links u/Xen
u/Xen

Yay! d/5309
u/donbright

i would have said this was impossible if i didnt see it
u/lionleaf

#alien #needle #color #floppy #rotation
u/sybarita

Yo what ... this is amazing
u/mrperson59

Is this what sleeping beauty pricked her finger on?

show FPS hide FPS share 1 remix fullscreen

BackendForth

function u(t) {

c.width=1920;
for(i=0;i<=9;i++)
{
q=.628*i+t
x.fillRect(960+500*C(q),540+300*S(q),139,39)
}
w=C(t*5)
x.arc(1510,403-119*w*w,39,0,7)
x.fill()

Jan 1 2018 4:16 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 more comments…
u/mohd-akram

Almost there!
u/joeytwiddle

Is this social commentary?
u/Xen

nice idea :-D
u/donbright

@joeytwiddle lol
u/iverjo

"The American Dream"
u/joeytwiddle

Reminds me of https://vimeo.com/198802302#Vicious_Cycle
u/magna

Golfed to 123 chars: https://www.dwitter.net/d/5270
u/iverjo

#bounce

show FPS hide FPS share 1 remix fullscreen

Bugsy

remix of d/1494 by u/Renaud___

function u(t) {

c.width+=i=0;h=400;for(;++i<200;)for(j=a=(t+C(i))%2;j++<50;)x.fillRect(C(i)+~~a*(w=a*h-h)*C(j)+960,(~~a?h:a*h)*(C(i)**2+2)+w*S(j)/4-210,2,2)

Jan 1 2018 3:25 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/BirdsTweetCodersDweet

Sweet!
u/lionleaf

#organic

show FPS hide FPS share fullscreen

E-Mouse

remix of d/4826 by u/Curlip

function u(t) {

x.fillStyle="#FFF5";x.fillRect(0,0,1920,1080);x.fillStyle="#000";for(i=9;i--;)w=99*i+400+S(t)*300,x.fillRect(w,400-99*S(w/99),50,200)

Dec 30 2017 10:21 AM UTC

}// 133/140

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

Golfed it down 7 bytes

u/E-Mouse

Replace 1920 with 2e3 and 1080 with 1e3 and you are down to 131 bytes

show FPS hide FPS share 1 remix fullscreen

Curlip

function u(t) {

x.fillStyle="#FFF5"
x.fillRect(0,0,1920,1080)
x.fillStyle="#000"
for(i=0;i<9;i++){
w=99*i+400+S(t)*300
x.fillRect(w,400-99*S(w/99),50,200)
}

Dec 30 2017 10:07 AM 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 1 remix fullscreen

rikardlindstrom

function u(t) {

!t&&x.translate(980,540)
for(i=99;i;i--){x.fillStyle='#'+(4E5+(255<<(w=t*i))).toString(16).substr(-6)
x.rotate(.3)
x.fillRect(l=-w/2,l,w,w)}

Dec 30 2017 6:15 AM 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

joeytwiddle

remix of d/2612 by u/joeytwiddle

function u(t) {

t?c.width=W=200:P=Z=0;for(i=36;i--;j==Z&&(X-99)**2<60?Z=9:Z?onclick=e=>Z--:P++)j=i>>2,x.fillText(j?'🚌':'🐢',j?X=j%5*t/i*P/23%W:99,9*(j||Z))

Dec 29 2017 2:29 PM UTC

}// 138/140

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

Crossy tortoise. Click to play

Show more comments…
u/zanella

Holy s**t, that was awesome!
u/joeytwiddle

Thanks hehe. The traffic patterns suffered in this version, to make room for the emojis.
u/iverjo

This needs more upvotes!
u/_nderscore

Awesome!
u/lionleaf

Oh wow! Amazing!
u/trupples

holy shit
u/SIGILLIM

I won! :D. This is so creative.
u/leon

extra
u/vberlier

super dope stuff here
u/joeytwiddle

The traffic I wanted, but cannot fit: j?X=j%5*(t+i)*P/400%W:99
u/lionleaf

#game #interactive #emoji #frogger #tortoise #bus
u/fujimotos

#playable
u/katkip

Impossible
u/hvianna

👍👍
u/joeytwiddle

For playability, the boxy d/2612 is my favourite

show FPS hide FPS share 1 remix fullscreen

jonathan_b

remix of d/4563 by u/jonathan_b

function u(t) {

for(c.width|=s=490,i=0;i<s*9;)for(j=2;j<16;)r=j*4,x.fillStyle=R(i/j,i/r,s/C(i),3/j),x.fillRect(970+s*C(++i)*C(T(t/++j)+j/r*i),s+s*S(i),r,r)

Dec 29 2017 6:05 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

#colors

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(i=w=3e3,a=b=g=333*T(t%9/7);j=(i^a*a)%4,i--;x.fillRect(a+=g+C(j*5+t)*g-a/2-w+g,b+=g+S(j*9+t)*g-b/2-w,s,s),w=2)x.fillStyle=R(s=w*9,w,s,.1)

Dec 28 2017 2:50 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 more comments…
u/sigveseb

This one is fantastic! Good job indeed
u/Bendoman

Brilliant!
u/Xen

very very impressive!
u/magna

HOW ON EARTH
u/nic

MIND:=BLOWN
u/lowpoly

Gawd, I learnt a lot today
u/Citiral

Since when does Javascript support black magic?
u/sigveseb

Needs more upvotes!
u/doof

this was such a delight to unpack :)
u/Lazy1337

wow
u/aleamb

amazing
u/iverjo

I'm awestruck
u/xem

unbelievable
u/trapkid

lol
u/aleamb

epic! one of the greatest dwitter
u/ThreeNPlusOne

sierpinski triangle :D
u/xem

It'd be nice to have a blog post explaining it :) (please?)
u/trupples

I didn't look much into it but it might have to do with a thing I read about once where if you have a point that "walks" half the distance towards a random corner of a triangle you'll end up drawing a sierpinski triangle sorta like you can see in https://www.dwitter.net/d/5097
u/trupples

And according to http://distrustsimplicity.net/articles/sierp… if you were to use 4 points instead of 3 you'd get a tetrahedron like in this dweet. Fascinating stuff
u/stiaje

#witchcraft
u/lionleaf

#top_of_the_year
u/Scaledish

wow
u/Tekmap

👏👏👏👏👏
u/vain

that's not from this world! incredible code / 3d fx and blur
u/rodrigo.siqueira

3D flying #sierpinski pyramid #fractal

show FPS hide FPS share fullscreen

Curlip

function u(t) {

c.width^=0
w=940
h=520
p=6.3
a=b=t%p
d=S(t)+2
x.lineWidth=80
x.arc(w,h,300,-a,-a+d)
x.stroke()
x.beginPath()
x.arc(w,h,220,b,b+d)
x.fill()

Dec 27 2017 7:35 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/sigveseb

Stylish
u/J2D28U

This is an amazing loading icon.

dwitter.net | Curlip (885)