Dweets awesomed by u/elaukli

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

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

BackendForth

function u(t) {

c.width=1920
for(i=0;i<1920;i+=4)
{s=i/99-t*4%27+5
w=Math.pow(2,-s*s)*99+9
x.fillRect(i,540-w/2+S(i/43)*9+(i>960?i/2-480:0)*(i%8?1:-1),8,w)}

Jan 4 2018 1:11 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/justinwzig

This rocks
u/magna

Awesome!
u/lurifax

Smooth!
u/sigveseb

Niiice
u/jbl

beautiful!
u/Bugsy

Golfed and slightly cleaned at https://www.dwitter.net/d/5543. Have fun with the extra characters!
u/Bugsy

(cleaned is referring to some slight blockiness on the right side of the animation, not the code. My code is much uglier :P)
u/BackendForth

Neat! TIL Javascript accepts python notation for exponents.
u/ETHproductions

Golfed even further at https://www.dwitter.net/d/5601. Now there's 30 extra chars to play around with :-)
u/mohd-akram

I was expecting it to open like a zip :D
u/lionleaf

#feynman #feynman_diagram #organic #quantum_field_theory
u/lionleaf

#zip
u/rodrigo.siqueira

Neural sign propagating through axon terminals
u/rodrigo.siqueira

#neural
u/rodrigo.siqueira

#neuralnetwork

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

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 fullscreen

zanella

function u(t) {

w=1920;x.fillRect(0,0,5,5);x.globalCompositeOperation='xor';x.drawImage(c,0,0,w,5,5,0,w,5);x.putImageData(x.getImageData(0,0,w,1080),0,5)

Dec 29 2017 3:50 PM UTC

}// 137/140

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

u/Xen

i love that trick! check out #3458

show FPS hide FPS share 14 remixes fullscreen

bobdunn

function u(t) {

c.width=1920; /* clear the canvas */
  for(i=0;i<64;i++)
  x.fillRect(i*30, 400 + C(4*t+(i*3))*100, 27, 200)

Dec 26 2017 10:16 PM UTC

}// 108/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 is one of the coolest takes on the starter dweet I've seen in a while!
u/Xen

impressive
u/j0bit

Hypnotic
u/darrencearnaigh

Aye, that implied double-helix in the movement is pretty cool.
u/hope4tg

I like how if you stare at it long enough, you see shifting concave diamonds. Very cool!
u/3yanlis1bos

Mental
u/Xen

done you a remix https://www.dwitter.net/d/4101
u/hoppla1232

If you look at the dark spots, it moves faster
u/atgz

this makes my brain go mushy

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

mxfh

function u(t) {

d=x.getImageData(0,0,w=c.width=256,h=144);for(i=0;i<h;i++)for(j=0;j<w;j++)d.data[(i*w+j)*4+3]=(i-j&j+i)*t%w;x.putImageData(d,0,0)

Feb 20 2017 3:43 AM UTC

}// 129/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/jim

This is my favorite demo on Dwitter so far
u/mxfh

first draft on documenting the more obvious parts: https://news.ycombinator.com/item?id=13712558
u/hamptonio

pretty sick
u/mxfh

drone audiosoundtrack paste this:
u/mxfh

;new Audio("data:audio/wav;base64,"+window.btoa('RIFF$WAVEfmt data'+x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/mxfh

//safer encoding: ;new Audio("data:audio/wav;base64,UklGRiQAAgBXQVZFZm10IBAAAAABAAIAAIAAAAAAAgAEABAAZGF0YQAA"+window.btoa(x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/Xaviaro

Breathtaking!
u/lionleaf

#fractal #recursive
u/Galaxtone

Of you let it run long enough it returns to the original image but sort of pixelated and a little more and it'll return to the original image

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

dwitter.net | elaukli (2098)