Dweets awesomed by u/farter

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

tomxor

remix of d/19913 by u/New_Core

function u(t) {

for(c.width=240,x.rotate(i=13);i--;x.fillText(u,8*i*(S(t)-i*5),8*i*(t+i)%240-99))x.font=i*4+'q _',x.filter=`blur(${3*C(i/4+S(t))**2}q`

Sep 12 2020 6:54 PM UTC

}// 134/140

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

Depth Of Field #Quine

Show more comments…
u/Xen

Style!!!
u/aaaaaz

wonderful #depthoffield
u/magna

WIN!
u/DataMeta

Haha very cool!
u/sigveseb

Wow very nice!
u/joeytwiddle

Sublime quine #focus

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

c.width|=S=(E,X)=>
x.strokeText(E,40,130+X*150,1850,
x.setLineDash([199-199*C(X-t),99]))
x.font='9em"'
x.lineWidth=9
code.split`
`.map(S)

Sep 1 2020 2:01 AM UTC

}// 137/140

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

Disappearing Reappearing Quine #subliminal #quine

Show more comments…
u/danny@hille.dk

Dyslexia simulator :-)
u/magna

A new technique emerges!
u/KilledByAPixel

Sexlexia, a very sexy learning disability.
u/DataMeta

Dude! :O
u/Xen

Nice!!
u/aaaaaz

no way
u/vain

Holy shit. I need to check and understand the source.

show FPS hide FPS share 4 remixes fullscreen

KilledByAPixel

remix of d/3078 by u/FireFly

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𞀲𞱩𛐭𞱔𚁦👭🐾𮀮𩡩𫁬𤡥𨱴𚁓🰰𞠷𜀫𭀪𝠰𙐱𞐪𞐹𛑘𚡭𛁓🰰𞠸𚱙𚠸𚰨𭀪𜱼𜀩𚠹𞀬𨐽𤰿𜡥𜰺𞀬𨐬𤰽𜀩𚐾𞑼𯁓🱔𚁔👥🐾𣑡𭁨𛡲𨑮𩁯𫐨𚐪𜠵𝐩𚠪𜠯𜡥𜰾𦀪𦀫𚁙𛐵𚐪𚠲𙠦𩠨𞀩𚱦𚀭𞀩𞡸𛡦𪑬𫁓𭁹𫁥👒𚁔𚀩𛁔𚀩𛁔𚀩𚐩𦀽𪐦𝰬𦐽𪐾🠳`.replace(/u../g,'')))

Aug 29 2020 8:05 AM UTC

}// 140/140

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

Color Sprite Generator - reload to randomize

Show more comments…
u/13thptr

wow
u/Xen

love it!
u/tomxor

These are amazing, so many quirky ilttle characters generated.
u/KilledByAPixel

#generative pixelart
u/KilledByAPixel

#pixelart
u/rep_movsd

Smashing!
u/magna

Awesome!
u/aleamb

wow!
u/KilledByAPixel

https://zpritez.3d2k.com/ #fxhash

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/19550 by u/tomxor

function u(t) {

for(w=c.width&=i=8320;i--;u[i]=t?p<w?r%.7*(p+u[i-w]+u[i-w+1])&w-1:p:(~r-14&16)<<r*.6)p=u[i],x.fillRect(i%w,Y=68-i/w,1,p**.4/7-Y/w),r=i*t^i&Y

Aug 19 2020 11:53 PM UTC

}// 140/140

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

#castle #fire

Show more comments…
u/tomxor

Took some hints from d/11257 for the fire, but made it more minimal. Thanks to u/KilledByAPixel for the c.width&= trick that allowed to fit some nicer gradient and fire effect.
u/jellyedwards

That's incredible! How does the c.width&= trick work?
u/KilledByAPixel

c.width is 1920, 1920 & 8320 is 128, this way you don't need to write 128 for the width
u/tomxor

This is a bit verbose, but I found it easier to understand in binary: 1920 == 0b0000011110000000; 8320 == (8192 | 128); 8320 == 0b0010000010000000; (1920 & 8320) == 0b0000000010000000. In other words i needs to be roughly 8e3 to fill the screen, 8192 (the 14th bit) is not in 1920 so we can use it without affecting w. w needs to be quite small, 128 (the 8th bit) is the lowest bit available in 1920, which is why it's produced with AND.
u/magna

This is nuts.
u/magna

Please do a write-up on this Dweet.
u/jellyedwards

Thanks for the explanation
u/aleamb

absolutly amazing
u/DataMeta

+1 to magna's request
u/joeytwiddle

Pretty great!
u/13thptr

What u/magna said.
u/Xen

Sexy business right here
u/tomxor

Ok why not, I will do writeup, but need to make blog first :P I will post here and discord when done.

show FPS hide FPS share 5 remixes fullscreen

tomxor

remix of d/19547 by u/tomxor

function u(t) {

for(c.width=w=127,i=8e3;i--;t?p&T[r=t&2?i-w-r%3:i+w+r%3]<1&&--T[i]&++T[r]:T[i]=r%3)p=T[i],x.fillRect(X=i&w,Y=i>>7,1,p/3),r=i*t^Y/6&X/6

Jul 29 2020 11:41 AM UTC

}// 134/140

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

#Serpinski #Hourglass v2

Show more comments…
u/tomxor

Removed the pseudo random left bias and made 1 bit, more sandy :)
u/tomxor

#sand #electric
u/magna

This is epic.
u/KilledByAPixel

amazing!
u/13thptr

incredible
u/13thptr

incredible
u/DataMeta

phenomenal #physics
u/Xen

lovejit
u/tomxor

Thanks u/KilledByAPixel for the original idea and implementation!
u/IV

ooh, you do the best stuff!
u/andrea270872

Wow!
u/donbright

these are incredible
u/joeytwiddle

Impossible! 🤩
u/vain

cool

show FPS hide FPS share fullscreen

pavel

remix of d/10873 by u/yonatan

function u(t) {

for(i=0;Y=i>>5,Y<35;x[o?'clearRect':'fillRect'](0,!x.setTransform(4>>o,-o,2*o,2-o,j%T-Y%2<<6,Y*T+T*S(j*j+9*t)*S(t)**9),T=32,T))o=i%2,j=i++-o

Jun 16 2020 9:14 PM UTC

}// 140/140

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

#beesandbombs #uncompressed

u/BuRRak

I love it
u/aleamb

LOVE IT!!!

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/19006 by u/tomxor

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀽𛐱𞱴🱰𛡭𨑰𚀨𦱁𛁂𧐬𪐩🐾𬀽𬀮𫑡𬀨𚁛𨐬𨡝𛁪𚐽🠨𦀽𠐭𨐬𦐽𠠭𨠬𬠽𦀪𦀫𦐪𦐬𬠯👲𛰶𛐹𝠬𪠭𪐼𜰦𪠾𪐿𦱡𚱘𛱲𛁢𚱙𛱲𛁸𛡭𫱶𩑔𫰨𠐬𠠩𛁸𛡬𪑮𩑔𫰨𨐬𨠩𧐺𦱡𛁢𧐩𚐩𞡰👛𧐻𬁛𭀪𜰦𜰱𧐽𦰹𞐫𤰨𭀩𚠴𞀬𞀰𚱃𚁴𛰳𚐪𝀸𧐻𮀮𬱴𬡯𪱥𚀩`.replace(/u../g,'')))

Jun 2 2020 1:36 AM UTC

}// 140/140

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

#zhezhi #origami #physics

Show more comments…
u/tomxor

#waitforit ...
u/tomxor

Thanks u/nburn42 for suggesting lines
u/tomxor

Fold your own: ;onmousemove=e=>p[t*3&31]=[e.x/2,e.y/2];
u/ntsutae

Awesome
u/nburn42

Love it
u/KilledByAPixel

Amazing, hey tomxor, I'd like to get you involved in a project I'm working on, how can I contact you?
u/katkip

amazing
u/username

fucking sick
u/aleamb

WOW!
u/magna

WHAT
u/katkip

#witchcraft
u/rafroller

AMAZING <3
u/donbright

!!!!!!!!!!!!!!!
u/vain

Incredible! It lives... But i'm lost for words

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 fullscreen

tomxor

remix of d/18497 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭰽𪐽𨰮𭱩𩁴𪀽𜰸𝀬𮀮𩡩𫁬𤱴𮑬𩐽𙰣𜀱𜐲𙰻𛐭𪐻𮀮𨱬𩑡𬡒𩑣𭀨𛠮𛠨𪐦𜐿𦰱𜀫𦀬𜐴𚱙𛀳𝠬𜠸𛁸𛡦𪑬𫁒𩑣𭀨𦀭𝐬𦐬𦐥𝠵𚰱𜀬𭰩𧐺𦰨𭀫𚰫𤰨𭀩𚐪𜠰𛠳𝰲𙑷𚱩𙐹𛀱𚱘𙑷𛀴𛀲𛁸𛡴𬡡𫡳𩡯𬡭𚀰𛀱𛀭𜐬𜀬𭰬𜀩𧐩𚐩𦀽𪐥𞐼🀶𛁙👩𙐵🀼𝠻`.replace(/u../g,'')))

Apr 26 2020 3:13 PM UTC

}// 139/140

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

#City #Traffic #Simulator v3

u/DataMeta

Impressive! I like how you packed in the behavior details
u/KilledByAPixel

🚦 These drivers must be from the city I live in. Brilliant work!
u/sigveseb

Next level!
u/katkip

Looks very good
u/katkip

wait what the cars are actually smart. #genius

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.

dwitter.net | farter (1992)