Dweets awesomed by u/cucumberOwl

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

bachinblack

function u(t) {

c.width=2000;
for(i=0;i<250;i++){
for(j=0;j<5;j++){
x.fillRect(C(j+i)*100+1000,S(t+i)*100+500,10,10)
}
}

Feb 25 2017 8:28 PM UTC

}// 104/140

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

u/5Mixer

Simple, minimalistic, awesome. And with characters to spare. Nice!

show FPS hide FPS share fullscreen

skrebbel

function u(t) {

c.width=960
x.font="300px courier"
for(j=0;r=document.body.innerHTML.replace(/\W/g,"")[j++];)x.fillText(r,250-t*600+j*140,(2+S(j/2-t))*160)

Feb 25 2017 8:26 PM UTC

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

hamptonio

remix of d/134 by u/icecuber

function u(t) {

r=Math.random;q=1;for(i=36;i--;)for(j=12;j--;)q+=.5-r()/2,x.setTransform(C(t+j),S(t+i),-S(t+j),C(t+i),i*66,j*99),x.fillRect(-9,-30,q/2,10)

Feb 25 2017 4:06 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/magna

I want a curtain like this in my living room!
u/joeytwiddle

That took me to http://www.pouet.net/prod.php?which=564#fukw…

show FPS hide FPS share fullscreen

sfz

remix of d/1262 by u/khalkeus

function u(t) {

b=480
m=99
for(i=1;i<m;i++)for(j=1;j<m;j++)q=t+j,v=S(-q),x.fillStyle=R(2*j*C(t),2*i*v,4*j*v),x.fillRect(2*b+S(i/j)*C(q)*b,b+S(i*j)*v*b,9,3)

Feb 24 2017 11:25 PM UTC

}// 139/140

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

u/donbright

reminds me of cells dividing

show FPS hide FPS share 4 remixes fullscreen

p01

function u(t) {

for(d=2e3;d--;x.fillRect(960+d*C(a),540+d*S(a),24,24))a=Math.random()*6.3,x.fillStyle=R(e=255*C(t-1e3/d*S(t-a-C(a*99/d))),99*S(a-e/d),6e4/d)

Feb 22 2017 11:45 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/sigveseb

Nice!
u/ninerdelta

wow!
u/p01

Thanks :)
u/ArtsyBiker1

Awesome!
u/TheGreatRambler

Messing with my brain!
u/lionleaf

#tunnel

show FPS hide FPS share 17 remixes fullscreen

jczimm

function u(t) {

c.width=1920;
for(i=0;i<300;i++)for(j=0;j<6;j++){x.fillRect(960+200*C(i)*S(T(t/1.1)+j/i),540+200*S(i),10,10)}

Feb 22 2017 5:23 PM UTC

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

Very stylish!
u/ninerdelta

nice!
u/Kalanchoe

truly a compact loading spinner!
u/jczimm

Thanks!
u/serko

Any way to view this fullscreen on an iPhone?
u/tischler

Awesome. Negating t makes it more aerodynamic. =)
u/Valscor

This is so cool!
u/over

This would be an amazing loading animation !
u/katkip

This is so easy to make and it has 297 likes
u/Leodude123

ねあt
u/Leodude123

Neat!
u/Scaledish

Could I use this as a animation for my site?
u/jczimm

Yes! Consider it CC0-licensed

show FPS hide FPS share 2 remixes fullscreen

maysick

function u(t) {

c.width=1920;for(var i=1;i<100;i++){var b=(i*(1000+(t*35))/500);x.fillRect(-b/10+c.width/2+b*C(b),-b/10+c.height/2+b*S(b),b/5,b/5);}

Feb 22 2017 3:16 PM UTC

}// 132/140

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

u/donbright

really nice pattern. i remixed into color hope you dont mind
u/iverjo

#spiral

show FPS hide FPS share 7 remixes fullscreen

mxfh

remix of d/849 by u/mxfh

function u(t) {

r=480;c.width=r*4;λ=0;for(φ=a=Math.PI/2;φ>-a;φ-=1/r){λ+=a;x.lineTo(C(φ)*S(λ-t)*r+2*r,(C(t=t+1/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r)}x.stroke()

Feb 22 2017 1:25 PM UTC

}// 135/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/chrishaff

Old school cool!
u/ninerdelta

wow this is awesome
u/donbright

lovely
u/sfz

how in the
u/Drum

I've been clickcing 'awesome' on quite a few examples here, but this one is AWESOME!
u/Kalanchoe

Wow!
u/Brutal

Higher math :)
u/robvoodoo

If only you could fly the camera around!
u/Lazy1337

#d3

show FPS hide FPS share 5 remixes fullscreen

donbright

function u(t) {

c.width=900;半=450;for(i=0.0;i<360;i+=1){x.lineTo(半+C(i*t/10)*i,半*9/16+S(i*t/10)*i)};x.stroke();

Feb 22 2017 2:31 AM UTC

}// 95/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/lionleaf

Starts off nice looking and becomes extremely trippy and hypnotic!
u/inviso

mesmerizing
u/ilSilvano

wow that escalated quickly.
u/elanimus

someone tell me how to run this please
u/Xen

Golfed and tweeked, #2909 ;-)
u/sparr

This is a browser glitch, right? It only looks cool because the browser starts using too few segments to draw the spiral. Would be boring in a fixed browser.
u/Haabilo

@sparr Not really a glitch. The code uses lineTo as means to straw the lines. It also sets the maximum amount 5
u/Haabilo

...of the segments. Damn, I didn't think mistapping backspace on mobile would send the comment as-is...
u/ArtsyBiker1

Awesome
u/blackvitriol

welcome to time travels :)
u/hoppla1232

Sir Moire apprecetiates this
u/Freak

This is like one of those nightmares I have where everything keeps on getting faster and it scares me and I love it
u/joeytwiddle

This is for me the definitive dwitter dweet #spiral
u/geb

#background

show FPS hide FPS share 5 remixes fullscreen

mxfh

function u(t) {

c.width=w=1920;π=Math.PI/2;λ=0;r=w/4;for(φ=-π;φ<π;φ+=1/r){λ+=.1;x.lineTo(C(φ)*S(λ-t)*r+w/2,(C(t)*S(φ)-S(t)*C(φ)*C(λ-t))*r+r)}x.stroke()

Feb 20 2017 11:57 AM UTC

}// 135/140

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

simple orthographic projection; try some factors on the lat λ and lon φ offsets t

Show more comments…
u/mxfh

simple orthographic projection; try some factors on the lat λ and lon φ offsets t
u/wicktwo

Niiiice!
u/as

i love this one
u/ssg

nice variable names!
u/donbright

so elegant
u/lionleaf

#sphere
u/lionleaf

#d3 . (3d is currently not a valid hashtag)
u/BirdsTweetCodersDweet

#whichwayround #inorout

dwitter.net | cucumberOwl (2485)