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: #Opposites

show FPS hide FPS share fullscreen

pavel

remix of d/13495 by u/pavel

function u(t) {

for(i=t?c.width|=C=_=>u[j=q+n&-n|p/n]=-!u[j]|1:p=q=r=s=571;i--;u[i]||x.fillRect(i?i%n*n:p+=r*=C(p+=r),i?i&-n:q+=s*=C(q+=s),z=i?n:15,-z))n=64

Apr 11 2020 10: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).

#breakout

Show more comments…
u/pavel

Fixed the tilted look, the missing upper left block, and increased the size of the ball.
u/pavel

Why does changing 571 break the code for most values? :)
u/pavel

472, 582, 593 work well though
u/iznax

The code seems to work with most starting values if you change it to "C=_=>(p|q)<0?-1:u[j=q+n&-n|p/n]=-!u[j]|1" and handle negative coordinates as blockers?
u/KilledByAPixel

👍
u/pavel

Its shorter to init positions and velocities to same number but makes velocities too fast. Another problem is that init needs to happen once and shortest way to do that is t?<spot>:init which creates a spot to do something every non-first frame. I solve both problems by naming my collision detection function C and defining it on every non-first frame. On the first frame C is Math.cos so the velocity update code does r = r*C(p+=r) = 571*Math.cos(571+571) = 17.7 which is a reasonable speed.
u/pavel

The ball needs to be updated once per frame. Since I am iterating with a single index its easiest to check for index 0. This corresponds to the upper left block which is why it was missing in the original. A short fix is to shift everything up one block by using negative height for the blocks and adding a row to ball position encoding. The +n in q+n&-n|p/n.
u/pavel

I encode and decode 2d co-ordinates into one number. The block coordinates are (i%n,i/n|0) and their width is n making their real positions (i%n*n,(i/n|0)*n). Lets simplify the second one. If we choose n=2**k then (i/n|0)*n = (i/2**k|0)*2**k = (i>>k)<<k so we are zeroing out the last k binary digits. But if n=2**k then -n is a bunch of ones followed by k zeroes (https://en.wikipedia.org/wiki/Two%27s_comple…)! Therefore (i/n|0)*n = i&-n.
u/pavel

Need to check if ball pos (p,q) touches a new block. Ball is always in some block, find that blocks pos index. Dividing ball position by n gives the virtual coords and blocks are 1x1 so truncating gives 2d block coordinates (p/n|0,q/n|0). Want to encode this into index j where (x,y)=(j%n,j/n|0). Therefore j=(q/n|0)*n+(p/n|0). If n=2**k then in binary j=[32-k binary digits y-coord][k binary digits of x-coord] so we can use bitwise-or which also auto-truncates so j=(q/n|0)*n|p/n. And as we saw (q/n|0)*n=q&-n so j=q&-n|p/n! Real code uses j=q+n&-n|p/n to add one row to ball pos to account for shift up to hide missing (0,0)` block.
u/pavel

p+=r*=C(p+=r) encodes an unbelievable trick that is perfect for collision detection. For detection we need to independently try advancing vertically and horizontally, check for collision, and reverse course if hit. The temporary state involved in trying can cost a lot of chars. p+=r*=C(p+=r) does it all and C doesn't even read its argument! When C is invoked the global p it sees was already incremented by r. However, the outer p+= will eventually discard that increment. Magic!
u/rep_movsd

Un-effing-believable
u/hvianna

Wow, this is insane!
u/jylikangas

Masterclass in code golfing!
u/13thptr

awesome, looks like the ball escapes without breaking everything after a while though. will read the explanation more thoroughly.
u/pavel

No chars left for bounds checks! It freaks out with negative positions. If I find a way to shorten I will add bounds.
u/ersagun

I need to read and reread that explanation on a loop until I get this. This is incredible.
u/Qwitter

Just wow.

show FPS hide FPS share fullscreen

yonatan

remix of d/10782 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(k=j=56;j-->-k;)x.fillRect(i,j/2+28,1/t,j>0?(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/k:Math.hypot(j+t*9,i-k)/300/t)

Jan 20 2020 6:48 PM UTC

}// 137/140

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

sunrise

Show more comments…
u/denzen

Amazing!
u/tomxor

Holly **** ! or a nuke on the horizon :P
u/aleamb

Brutal!!!
u/aleamb

#sunrise #sea #landscape #sun
u/13thptr

thought about a nuke too x) gret job
u/13thptr

*great
u/katkip

!! awesome
u/Leodude123

Coll
u/Leodude123

Sorry I misspelled that
u/Leodude123

I meant cool!
u/eduft15

nice man!

show FPS hide FPS share 3 remixes fullscreen

Xen

function u(t) {

for(Z=i=32;i--;x.fill(x.arc(960,540,Z+i*Z-C(i*t/9)*Z,i+t*2,i+t*2+2)),x.stroke())x.beginPath(x.fillStyle=`hsla(${i*Z^t*99},90%,50%,.01)`)

Jul 31 2018 9:43 PM UTC

}// 136/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/DataMeta

Amaaazing style!
u/joeytwiddle

Beautiful! #colors #spiral
u/magna

#toon
u/magna

THIS IS CRAZY!
u/fujimotos

This color tone is so awesome. Reminds me metallic oil.
u/sigveseb

Holy shit so nice :)
u/iverjo

Yes!
u/lionleaf

Beautiful!
u/joeytwiddle

#oil
u/Joachim

#art

show FPS hide FPS share 1 remix fullscreen

RUNIE

function u(t) {

c.width|=0
for(i=0;i<64;i++)x.fillStyle=R(b=(60-i)*(S(t*-1+i/32)+3),b,b),x.fillRect((a=1920*i/128)+S(-t+i/7)*99,a/2-48,1920-a*2,1920/1.5-a)

Jan 17 2018 1:17 AM UTC

}// 139/140

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

First dweet! I call it the wibbly wobbly infinite hallway :D

Show more comments…
u/zanella

Welcome! Awesome dweet, I keep thinking that Pennywise will suddenly com running towards the camera! :D
u/sigveseb

Good shadows
u/magna

WOW
u/nystrand

Scary shadows. Very nice!
u/iverjo

Impressive
u/joeytwiddle

#tunnel
u/Cloud

Scary

show FPS hide FPS share 1 remix fullscreen

nickd3000

function u(t) {

for(i=0;i<23;i++)g=200*((5*t+i|0)%2),x.fillStyle=R(g,g,g),x.fillRect(80*i,5,80,20);x.drawImage(c,-5,5,1930,1080+5*S(t));

Jan 1 2018 5:36 PM UTC

}// 120/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/E-Mouse

My brain hurts...
u/CliffJonesJr

I love how this might look like the floor is sloping, or it might not. So trippy. It would be nice to avoid that flashy bit at the top though. Maybe in a remix?
u/iverjo

#chess
u/joeytwiddle

#warping
u/katkip

#3d
u/katkip

#d3 #templeofsolomonfloor #perspective
u/katkip

#checkerboard

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 1 remix fullscreen

quuxman

function u(t) {

p=t?p:Array(9e3).fill(0)
for(i=0;i<9e3;x.fillRect(p[i+=2]+=(p[i+1]+=Math.random()-.5)%2e3,p[i+2]%1e3,9,9))
x.fillStyle=R(S(t*5)*120,0,0,.3)

Dec 29 2017 10:45 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/Zikoat

i was looking for a way to initialize a variable, good one!
u/quuxman

Yah, stole it from u/Xem or someone
u/joeytwiddle

#virus #outbreak
u/vain

Amazing!

show FPS hide FPS share 1 remix fullscreen

Cistoran

remix of d/1231 by u/iverjo

function u(t) {

c.width^=0;for(i=9;i<1e3;i+=2)s=3*(9.1-(t+i/99)%9),x.beginPath(),j=i*7+S(i*4+t+S(t)),x.lineWidth=s+s,x.arc(960,540,s*100,j,j+.6),x.stroke()

Dec 26 2017 9:17 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 more comments…
u/lionleaf

Beautiful!
u/iverjo

Nice! Looks like it's a remix of https://www.dwitter.net/d/1231
u/Cistoran

It is! I'm new to the site and wasn't sure how to tag it as such. My apologies!
u/Xen

you can live edit the code of any dweet and a 'remix' button appears, click that and it posts with a link to the original ;-)
u/lionleaf

No worries, I've got you sorted ;-) Just make sure to use the remix feature next time. Nice remix, didn't immediately recognize it as such.
u/J2D28U

Damn... I'm new as well and this exchange has kept me here!
u/Xen

all welcome. :-)

show FPS hide FPS share 2 remixes fullscreen

nystrand

function u(t) {

for(l=c.width=512,a=C(t),b=S(t);l--;x.fillRect((k-a*a*i-b*a*j+b/a)*z+300,(a*i+b*j+a*k)*z+99,d=.2*z/a,d))i=l>>6,j=l>>3&7,k=l%8-4,z=20+b*i-a*j

Mar 8 2017 6: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).

u/sigveseb

This is good
u/FireFly

Woah, very nice!
u/p01

Ace!
u/donbright

cool 3d
u/Lazy1337

#d3
u/Lazy1337

#cube

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/22741 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𪠽𜐹𝠬𫀽𚁲𛁡𚐽🡸𛡬𪑮𩑔𫰨𦀫👲𚡃𚁡𚐬𦐫👲𚡓𚁡𚐩𞱪𛐭𞱸𛡢𩑧𪑮𤁡𭁨𚁸𛡳𭁲𫱫𩐨𚐩𚑩👪𙐴𛁱👩🀲𛁙👫👪🠾𜠬𫠽𭀪𞐫𪰪𪰬𫀨𦀽𫠪𝠥𜐲𜐭𜰬𝰩𛁬𚁱🰳𞠷𛀲𚐬𫀨𬠽𝀭𬐬𨐽𠰨𫠫🐳𚡩𚐭𝐫𬐩𛁬𚁲𛁡𛐨𜠪𬐭𜐩𚠨𠰨𫠭𜠩𚰱𚐩`.replace(/u../g,'')))

May 10 2021 11:41 PM UTC

}// 140/140

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

Foot Race 🏁🏃‍♀️🏃🏃🏿‍♂️🏃🏻‍♀️🏃🏽‍♂️

Show more comments…
u/taupelink

omg!
u/magna

Holy crap
u/tomxor

Look at em go ! :P
u/lars-erik

🤯
u/andrea270872

Great stuff!
u/erin

was abt time for a good dweet. it's been dry lately!!
u/katkip

WHAT- #stickman
u/aleamb

wow! great!
u/tomxor

Cue "run meme" tune https://youtu.be/mw2kKyJu9gY?t=128
u/Xen

Love it!!
u/rodrigo.siqueira

If you change the "🐳" character to "X", they will run faster. If you change it to number "1", they will run on their knees. If you change it to "6", they will run jumping.
u/KilledByAPixel

Thank you all, this is one of my best. :)
u/Polyducks

What trick are you using here? Is the code minified into escape codes?
u/Polyducks

Omg killedbyapixel! I saw your byte battle last night!
u/Toby

this is beautiful quite apart from the dweetness!
u/KilledByAPixel

thank you! you can replace eval with throw to see the code.
u/sigveseb

Fantastic!
u/sigveseb

And lol u/rodrigo.siqueira, that is somehow much more hilarious than it should be!
u/vain

amazing scene