Top dweets of all time

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 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 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 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

show FPS hide FPS share 2 remixes fullscreen

ben

remix of d/4509 by u/ben

function u(t) {

v=(a,b,g,r)=>{for(i=0;i++<r;)x.fillRect(a+=S(g),b-=C(g),r/9,2)
r>1?v(a,b,g+=o,r*=.7)&v(a,b,g+=5,r):0}
o=S(t)/9+1
c.width=500
v(250,280,0,80)

Dec 29 2017 1:23 PM UTC

}// 140/140

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

blowing in the fractal wind

Show more comments…
u/sigveseb

Sweet!
u/Xen

very nice!
u/Bendoman

Fabulous.
u/lionleaf

Amazing!
u/lynnlangit

love, love, love it!
u/nystrand

elegant!
u/iverjo

#recursive
u/lionleaf

#fractals
u/lionleaf

#fractal . hmm, maybe not plural
u/vain

so beautiful - amazing work!

show FPS hide FPS share fullscreen

corruptio

remix of d/5600 by u/p01

function u(t) {

for(i=h=432;i--;x.fillRect(h+(h/i-1)**.5*S(t-i)*i,i,9,44))x.fillStyle=R(v='㓀职뿽흟�巶涷溲疗恋ᑐㆇന䁓ꘐ㒄␅਩先р蠂'.charCodeAt(i/16)>>i%16&1,v*h,99,C(t-i))

Jan 8 2018 9:44 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 more comments…
u/aemkei

🌎 😍
u/p01

Fantastic job! Love the use of the cos(t-i) aka backface culling as alpha value of the fillStyle to sort the splats and skip clearing the whole canvas. That was THE killer optimization to fit in 140 chars.
u/sigveseb

Wow! ACE
u/donbright

:O
u/lionleaf

Amazing!
u/Teijou

Does it JS or another language?
u/fusty

Wow . . . how?
u/fusty

It would be amazing if you could post an expanded, commented version along with your 140 character versions on this site.
u/oldspork

I'm completely new to all coding and just found out about this amazing community; how on Earth do these symbols code for a globe?
u/hg

oldspork These symbols are just what unicode decides his binary data can best be represented as in text. The real magic is the charCodeAt part of their code.
u/iverjo

#sphere #earth #globe

show FPS hide FPS share 4 remixes fullscreen

BriSeven

remix of d/546 by u/BriSeven

function u(t) {

X=960,Y=80+1080*t%900,a=1;for(i=99;--i;)x.fillStyle=T(a)<9?R(99-a,a/3,0,.3):"#FFA",x.fillRect(X+=S(a)*Y/50,Y+=C(a)*4,8,8),a+=7*Math.random()

Dec 23 2016 4:34 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 more comments…
u/lionleaf

Oh wow, that is amazing!
u/sigveseb

Very nice!
u/iverjo

Wonderful!
u/hamptonio

Happy little tree!
u/Beginner

Wow!
u/Xen

Done Re-mi(X)en 2878
u/Xen

Done Re-mi(X)en 2878
u/Xen

why post twice? :-/
u/joeytwiddle

Quantum commenterference I guess. This one is my favourite :)
u/iverjo

#tree
u/lionleaf

#christmas #christmastree #color
u/rawbits

A sad little tree. He has no friends. (Bob would be proud)
u/vain

Amazing procedural and beautifl tree. Mindblowing coding!

show FPS hide FPS share 1 remix fullscreen

rikardlindstrom

function u(t) {

t||x.translate(980,540)
c.style.background=R(x.fillStyle='#fff',++t<4&&x.drawImage(c,~x.fillText(0,~x.scale(s=1+C(t)/20,s),0),~x.rotate(t)))

Dec 31 2017 7:03 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 more comments…
u/Flopster

Wow! Too bad it doesn't reset, but this looks incredible!
u/rikardlindstrom

Thanks! All I could fit in 140 characters. Happy to hear suggestions how to squeeze it further though!
u/magna

Amazing!
u/iverjo

Kudos
u/sigveseb

So pretty!
u/tqdwqwd

qwd
u/meesh

Wow!
u/iverjo

#galaxy
u/lionleaf

#space #stars

show FPS hide FPS share 5 remixes fullscreen

pavel

function u(t) {

with(x)for(i=999;i--;fillRect(~setTransform(s=24e3/i,0,0,4*s,960-i+9*s*C(a=i+60*t),540+8*s*S(a)),~rotate(T(a*a)),2,2))fillStyle=R(9,i/4,i/3)

May 4 2020 7:34 PM UTC

}// 140/140

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

Underwater #cavern

Show more comments…
u/KilledByAPixel

sick
u/KilledByAPixel

looped https://twitter.com/KilledByAPixel/status/12…
u/pavel

One trick here is f();g();h(-1,-1) is the same as h(~f(),~g()) when f and g return a falsy value, undefined in this case.
u/pavel

Notice how none of the distance variables are based on time, only angles are, yet the distances are changing and nothing is rotating...
u/pavel

Try making the moving a little faster :)
u/pavel

After I wrote this I looked for other dweets using a similar technique and this is the earliest one I've found, and it includes an explanation d/10212
u/KilledByAPixel

Amazing work! I have not seen the ~ before, will be using it a lot now. I tried to explain the 60*t trick in one of my blog posts, https://frankforce.com/?p=7160
u/pavel

That is an amazingly detailed explanation with great visual aids.
u/pavel

To clarify your explanation, any integer time works. 60*t is naturally an integer (ish). frame is one char longer without numerical errors. In general, (n*t|0) works for any n.
u/AndrewK

privet
u/katkip

masterpiece
u/joeytwiddle

I think this also counts as a #tunnel
u/Qwitter

Awesome!

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

c.width=2e3;for(a=i=629;i--;)s=-150/((i+t*60)%a),X=a*S(i*.31)*s+1e3,Y=a*C(i*.3)*s+500,x.fillRect(X,Y,s*9,s*9),x.lineTo(X,Y);x.stroke();

Jan 17 2017 4:08 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/Ameo

That's ridiculously impressive.
u/Ameo

That's ridiculously impressive.
u/Ameo

That's ridiculously impressive.
u/ilSilvano

That's three times ridiculously impressive.
u/joeytwiddle

I feel like god is pulling all the thread out of the universe
u/hope4tg

Haha, agree with joey, the zoom out effect is awesome
u/Lazy1337

#d3
u/katkip

#infinite
u/vain

really impressive

show FPS hide FPS share 6 remixes fullscreen

Exca

function u(t) {

t/=4;for(i=0;i<1100;i++){d=C(t+i),s=i==0?2920:9-d*8;x.fillStyle=R(i,i,i,0.1);x.fillRect(S(t*2.5+i)*220*S(C(t)+i%50)+960*(i==0?-1:1),i,s,s);}

Dec 27 2017 7:58 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/magna

Wow!
u/Xen

impressive first 2 dweets
u/sigveseb

Very nice
u/mrremix

i really like this one... might do a remix later :]
u/CliffJonesJr

I remixed this into a tornado: https://www.dwitter.net/d/4590
u/lionleaf

#twister
u/Cloud

Milk path
u/vain

cool looking twister / tube