Dweets awesomed by u/lurifax

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

rodrigo.siqueira

remix of d/19376 by u/rodrigo.siqueira

function u(t) {

c.style.filter=`sepia(`
for(i=5e3;i--;f(250,540,300,t*i))f=(X,Y,s,r)=>s>77?f(X+s*C(r),Y+s*S(r*2),s/2,C(t+i)):x.fillRect(X*2.6,Y,t<3,.8)

Jul 13 2020 4:01 AM UTC

}// 136/140

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

Infinity

u/andrea270872

Looks like stone! Very cool.
u/aleamb

wow!
u/sigveseb

Looks like a da Vinci pencil drawing or something

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

pavel

remix of d/11930 by u/pavel

function u(t) {

with(x)for(i=-6*t%1;i++<66;fill())for(beginPath(fillStyle=R(8*i,4*i),j=36);--j;arc(960,h+h*S(3*t)**2/i,h/i*(9+C(~~i+6*t^j)),b=9+j/9,b))h=777

May 2 2020 4:35 AM UTC

}// 140/140

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

Walking through a #cavern

Show more comments…
u/KilledByAPixel

🤯 genius
u/KilledByAPixel

Looped! https://twitter.com/KilledByAPixel/status/12…
u/sigveseb

Wooow sweet!
u/aleamb

yeah!
u/sigveseb

Really nice colors
u/jick

Holy cow, wow!
u/Xen

sexy!
u/katkip

aannd we have a winner!
u/KilledByAPixel

https://www.reddit.com/r/perfectloops/commen…
u/pavel

the gif is very blurry
u/KilledByAPixel

HD gif for you - https://www.dropbox.com/s/u3wbakb6e4sm00y/pa…
u/Qwitter

Wow!
u/vain

Who needs longer shaders? ;-) Real DemoScene feeling

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

pavel

remix of d/18074 by u/pavel

function u(t) {

c.width|=f=(X,Y,d,z=2+X*S(a=Y-4*t))=>d>>8?x.fillRect(960+1e3*X*C(a)/z,540+1e3*Y/z,6,6):[t,t+2,t+4].map(i=>f(X+C(i)/d,Y+S(i)/d,2*d));f(0,0,2)

Mar 28 2020 3:27 AM UTC

}// 140/140

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

#sierpinski dance

Show more comments…
u/sigveseb

Very clean!
u/DataMeta

So smooth!
u/aleamb

wow! very smart code!
u/lionleaf

What an amazing dweet. And little did you know I had already planned #dancing as the theme for April. You were ahead of the times :D
u/joeytwiddle

Nice! Here is a dirtier, underrated relative: d/13611
u/Qwitter

looks glossy!
u/vain

Very nice and smooth 3D rotated and transformed sierpinski

show FPS hide FPS share fullscreen

pavel

remix of d/16679 by u/DataMeta

function u(t) {

t||x.fillRect(0,0,2e3,2e3)
for(n=8;n--;x.clearRect(960+i*C(n?i:c-e),540-i*S(n?i:c+e),s=n/2||6,s))
i=320+781*Math.random()*!!n,c=t%11,e=c>6.3

Nov 21 2019 2:51 AM UTC

}// 140/140

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

#planet

u/pavel

Small remix with a background that doesn't draw over the planet
u/rnbw

"n?i:c-e" indeed
u/DataMeta

Cool! :)
u/Xen

oooooooo nice

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/16088 by u/yonatan

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𜡥𜰻𭀼𜐴𙠦𪐭𛐻𩠽𭀾𜐦𙡔🀭𜐬𮠽𚁔𚰳𚐪𭀪𝀰𛁲👦𚠨𭀪𞀰𛑺𚐪𜠫𭀬𮀮𩡩𫁬𤡥𨱴𚁩𛁦🱺𞡴𚠸𜀬𜐬𬠬𮀮𩡩𫁬𤱴𮑬𩐽𤠨𬐽𜠵𝐯𚀱𚱴𚐬𬐪🐲𛠳𛑦𛁱𚠽𜐮𝐭𩠬𩠫𛠲𚐩𚑦𫱲𚁔🐰𛁪🐹𞱪𛐭𞱔👔𛰲𚱓𚀨𪐭𞐶𜀪𤰨𭀪𪰩𚐪𪰯𭀯𞐹𚐩𪰽𜠪𚡪`.replace(/u../g,'')))

Oct 14 2019 5:47 AM 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/KilledByAPixel

Beautiful
u/username

crazy
u/joeytwiddle

Oh my! :) #landscape #compressed #slowdraw
u/aleamb

YES!
u/katkip

WOW
u/katkip

#realistic
u/katkip

#water #island
u/Infidel

This is amazing! Nice job!
u/vain

I'll pack ;-) Very impressive

show FPS hide FPS share 5 remixes fullscreen

taupelink

function u(t) {

for(i=1e4,d=e=0;i--;)x.fillRect(d*1920,e*1080,1,1),d+=([-1,0,1,2][r=Math.random()*4|0]-d+d*e)*.45,e+=([2,-1,0,2][r]-e-d*d)*.45

Jul 25 2019 5:55 PM UTC

}// 126/140

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

a nonlinear four-point #chaosgame

Show more comments…
u/rep_movsd

Looks like a charcoal sketch of mountains
u/nuc

Fantastic!
u/KilledByAPixel

👍
u/donbright

really great
u/moto

cloudy)
u/taupelink

d/15141

show FPS hide FPS share fullscreen

pavel

function u(t) {

eval(unescape(escape`𩡯𬠨𫀽𨰮𭱩𩁴𪁼👴𙐽𝀻𫀭𛐻𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛀵𜀬𫰿𝐰𞠱𩐳𚐩𪐽𫀥𜰬𪠽𫀯𜰦𜐵𛁫👬𛰴𞀦𜐵𛁸𛡦𪑬𫁓𭁹𫁥👒𚁩𚰱🀼𝠩𛁸𛡳𩑴𥁲𨑮𬱦𫱲𫐨𪐭𜑼𜐬𛐮𝐬𫰽𛑩𙐲𛀱𚱯𚠱𛠵𛀵𜀪𚀱𞐫𪰭𪠩𛀲𝐪𚀳𞀫𜠪𭀭𪰭𪠭𞀯𚀱𚰲𚠪𚀴𝐭𪰭𪠭𭀪𜐵𚐩𚐩`.replace(/u../g,'')))

Jul 13 2019 3:37 AM UTC

}// 138/140

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

Blocks (https://dribbble.com/shots/1783699-Blocks)

Show more comments…
u/pavel

190 for(l=c.width|=t%=4;l--;x.fillRect(0,0,50,o?50:1e3))i=l%3,j=l/3&15,k=l/48&15,x.fillStyle=R(i+1<<6),x.setTransform(i-1|1,-.5,o=-i%2,1+o*1.5,50*(19+k-j),25*(38+2*t-k-j-8/(1+2**(45-k-j-t*15))))
u/KilledByAPixel

👍
u/aleamb

wow!!
u/username

actual f
u/katkip

awesome #compressed
u/katkip

#d3 #loop

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

eval(unescape(escape`景爨硛昽≦楬汒散琢崨〬〬眽㙥㌬眩ⱴ⨽㤹Ⱪ㴳㔰㬭⵩㭸⹦楬汓瑹汥㵒⡩ⱸ学崨含⡴☲⤪稭欯㈬夽稪㈫启㈬稯㔫欪㌬稯㠩ⱔ㴹㘰⭓⡓⡴⼹㤩⨲⤪㤹⵺ⰮㄫⅫ⤬硛晝⡔⵺⨳ⱙⱺ⨸Ⱝ琯㤥㤪欩⥺㵷⽩Ⱬ㴡⠭⵴☱㔩⩺`.replace(/u(..)/g,"$1%")))

Dec 11 2018 10:29 AM UTC

}// 140/140

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

Ghost Train v2

u/jylikangas

HD resolution, brighter, clean beginning, different tunnel and more complex path
u/metamero

https://youtu.be/kNkvepA4AZU yeah yeah yeah yeah yeah
u/f8f82804

#outrun #ethereal
u/vain

holy cow! How is this possible? Incredible !!!

dwitter.net | lurifax (9557)