Dweets awesomed by u/OlegSchwann

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

Whimpers

function u(t) {

for(i=2e3,c.width=-1;v=26,p=i%3*3,i--;x.fillRect(150+p*S(P=i**.7)+v*C(V=i**.5),78+p*C(P)+v*S(V)*C(!p*i),1,1))c.style.filter=`sepia()invert(`

Apr 18 2020 5: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).

u/katkip

#biology #virus #bacteria #organic
u/Xen

love it!
u/tomxor

Nice, I think this is a remix of d/17964 ? I recognise ye old p from saturn :P which I originally used it in

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

tomxor

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀽𜐸𜀻𨰮𬱴𮑬𩐽𙱦𪑬𭁥𬠺𨡬𭑲𚀱𬁸𚑩𫡶𩑲𭀨𙰻𩡯𬠨𭀯🐱𜠬𪐽𜱥𜰻𫐽𪐦𜐬𭠽𜐶𛑭𚠲𛁰🐵𚠨𪐥𝀸🀱𞀩𛁩𛐭𞰩𮀮𩡩𫁬𤡥𨱴𚁭𚠵𜀫𞀰𚱰𚡓𚁐👩𚠪𛠷𚱴𚐫𭠪𠰨𥠽𪐪𚠮𝐫𭀭𭀪𫐪𜐮𝐩𛁭𚠲𜀫𝀰𚱰𚡃𚁐𚐫𭠪𤰨𥠩𚡃𚀡𬀪𪐩𛀱𛀮𝰭𫐪𛠵𚐻`.replace(/u../g,'')))

Mar 15 2020 12:14 AM UTC

}// 140/140

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

The Enemy

Show more comments…
u/tomxor

#coronavirus
u/sigveseb

Incredible!
u/katkip

This is extremely #realistic. I'm scared.
u/joeytwiddle

Good render! #virus #organic Here is a great 1 hour documentary about viruses: https://www.dailymotion.com/video/x6agslv
u/aleamb

amazing! fucking amazing!
u/DataMeta

wow, fantastic!
u/KilledByAPixel

😷 Even Dwitter is not safe!
u/Odog8

how though???
u/lionleaf

Insane!
u/lionleaf

I didn't even notice that it was animated at first :O
u/Cloud

#koronavirus
u/vain

What? How does this work? I am speechless... (incredible animated corona/cell)

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/10534 by u/tomxor

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐽𙱦𪑬𭁥𬠺𪑮𭡥𬡴𚀱𙰻𩡯𬠨𨐽𨠽𤀽𜰮𜐴𛁩🐱𩐴𞱰👩𙠴𛁳🐲𝀰𚱰𚡡𚠳𝐬𪐭𛐻𨐫🐨𚁴𚡩𛱢𙠱𚐭𨐫𨠪𤰨𨐪𤀩𚐯𜠬𨠫🐨𛑡𚡢𚱃𚁡𚡐𚐩𛰲𚑸𛡦𪑬𫁒𩑣𭀨𞀸𜀫𬰪𤰨𦐽𨠪𤀫𬀪𨠪𞐩𚡃𚀡𬀪𨐪𤀩𛀴𞐵𚱳𚡃𚁙𛑰𛰲𚐬𛠰𜰭𤰨𦐫𬀪𛠴𚐪𛠰𜰬𜐩`.replace(/u../g,'')))

Jan 18 2020 7:52 PM UTC

}// 140/140

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

#space #planet not #saturn 2

Show more comments…
u/KilledByAPixel

👍
u/KilledByAPixel

can you link us to more info on these equations?
u/tomxor

i'm not sure i can, much of it is just from messing around here on dwitter, and all of the chaotic stuff i've been doing has evolved from some distant bifructation thing here ages ago. Which part are you interested in specifically? I can try to explain as far as I understand it.
u/tomxor

Assuming you are refering to the pattern rather than the mapping, it's essentially just a+=(R-a+b*S(a*P))/2,b+=(-a*b+C(a*P))/2 where i've generated R{0,1} deterministically with a basic LCG type PRNG that feeds off the variables themselves: t*i/b&1, everything else is mapping. For the pattern i've just been messing with the coefficients and number of itterations between fresh generation of R for my various other dweets, but ultimately it all started here d/15329 which I adapted from u/taupelink so maybe he can tell us what it's formal name is because I can't figure it out.
u/KilledByAPixel

thanks, i will look into it!
u/denzen

wow, amazing!
u/magna

wow!
u/denzen

a bit buggy in safari
u/tomxor

I can't see safari, but if it's anything like blink's renderer then the compositor seems to change it's bias torards ceiling into 256 for high alpha, at least when derived from antialiasing subpixel shapes as in this case. Firefox seems to be less biased and faster to boot, so the ring will dissappear around the back as it's supposed to as the pixel area approaches epsilon. These differences are inevitable when exploiting something as sensitive as antialiasing or downsampling.
u/rodrigo.siqueira

I'm trying to understand how the "R" part works in the equation. Do you know? I see it's a number that varies between a few values. Is it a sort of "radius"? Is it randomness important or can it be non-random? Why a constant doesn't work?
u/metamero

one of my favorites ever
u/tomxor

@rodrigo The R part (t*i/b&1) is just a smaller replacement for Math.random(), formally it's an LCG PRNG, informally it's a bunch of stuff I multiplied together modulo 2 that I found to be sufficiently unifom (it would be a terrible PRNG more generally if analysed in detail it's probably full of regularities).
u/tomxor

A replacement for 0|Math.random()*2 (floored) I meant to say.
u/rodrigo.siqueira

I was trying to understand what is the intuitive meaning of this value "0|Math.random()*2" in the equation. I am still not sure (and I am probably wrong) but It seems that adding this "R" value to variable "a" (X position), it will displace the image to the right or left and create a similar image. It seems that it also works as a radius (zoom factor).
u/tomxor

Well my intuition from my limited understand here is that it's kind of like a fork at each point in the path that [a,b] is taking, as long as R is uniform enough the bias in the function sort of emerges and makes [a,b] follow certain paths more than others... I imagine it like a stochastic marble rolling into certain grooves in a landscape, just goto roll enough marbles to start to see the grooves.
u/tomxor

Sounds a bit like 2d gradient descent O_o

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁩🐰𞱩🀱𩐳𞱳𨑶𩐨𬡥𬱴𫱲𩐨𩡩𫁬𤡥𨱴𚀰𛀰𛁦🰲𩐳𞠹𛁦🰲𩐳𞠭𝐰𚐩𚐩𭁲𨑮𬱬𨑴𩐨𚁦👩🀲𚐿𜀺𪐪𚠴𙐱𞐲𜠬𩠿𪐿𝰶𞐺𜀺𝰷𜀫𪐯𜰩𛁲𫱴𨑴𩐨𬐽𩠿𜀺𤰨𭀪𝀫𪐯𜠹𚐯𝀩𛁦𪑬𫁓𭁹𫁥👩𚰫🱒𚁱𚠽𜐹𞐬𩠿𜠰𞠹𞐫𪐥𜐵𜀭𬐯𝀩𞠢𘱁𠡆𘠻`.replace(/u../g,'')))

Dec 6 2019 6:52 PM UTC

}// 140/140

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

Grassy

u/KilledByAPixel

🌱 inspired by https://codepen.io/ycw/full/LYYwwWE

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/16804 by u/KilledByAPixel

function u(t) {

with(x)for(c.width|=q=r=540;r-=20;beginPath(stroke()))for(i=40;a=i-->>3;ellipse(960,q+a%2*r-r/2,r,r/2,0,b=(i-a+(z%2<1&&z))%4*1.57,b))z=t+r/q

Dec 6 2019 4: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).

Staggered Cubes Micro

u/KilledByAPixel

Dang, I had a feeling pavel already did this one... https://www.dwitter.net/d/10900
u/metamero

beautiful #moire effect
u/katkip

pavel's is smoother but yours is reversed and look better

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/16362 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁴🱦𪑬𫁒𩑣𭀨𜀬𜀬𜡥𜰬𜡥𜰩𞡳𨱡𫁥𚀶𛀶𚐬𬐽𬠽𞐰𞱲𛐽𝠻𨡥𩱩𫡐𨑴𪀨𬱴𬡯𪱥𤱴𮑬𩐽𨁨𬱬𚀤𮱲𯐠𞐹𙐶𜀥𨀬𬱴𬡯𪱥𚀩𚐩𩡯𬠨𪐽𝀰𞱡👩𛐭🠾𜰻𩑬𫁩𬁳𩐨𜐶𜀬𬐫𨐥𜠪𬠭𬠯𜠬𬠬𬠯𜠬𜀬𨠽𚁩𛑡𚰨𮠥𜠼𜐦𙡺𚐩𙐴𚠱𛠵𝰬𨠩𚑺👴𚱲𛱱`.replace(/u../g,'')))

Dec 6 2019 4:19 PM UTC

}// 140/140

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

Staggered Cubes - Based On https://codepen.io/jh3y/full/PooMGaQ

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/16023 by u/rodrigo.siqueira

function u(t) {

for(c.width=a=400;a--;)x.arc(99,99,(2+S(a*2+t)+a*t%500),1.61,7.8),x.globalAlpha=.3,x.fillRect(a,188+20*S(a)*C(a/5)+C(a/2)*3,5,58);x.stroke()

Nov 24 2019 8:56 PM UTC

}// 140/140

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

Kraftwerk's Antenna with city skyline. 📡

u/DataMeta

📻📺📶
u/joeytwiddle

#scene #tribute

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/14479 by u/rodrigo.siqueira

function u(t) {

v=(a,b,Φ,r)=>{for(i=~r;i++;)x.fillRect(a-=S(Φ),b-=C(Φ),r/70,.6)
while(r>8)v(a,b,Φ+S(b)/3,r*=.7)}
v(~~t*177%2e3,1e3-t*20,0,99*(t%(K=3-t/25)))

Oct 23 2019 3:08 PM UTC

}// 140/140

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

Crop Growth #organic #fractal #tree #plant

u/Xen

nice
u/joeytwiddle

Look like slithy toves to me

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨𯀽𪐽𜐲𞐻𪐭𛐻𨡥𩱩𫡐𨑴𪀨𩡩𫁬𚁥𫁬𪑰𬱥𚀹𝠰𚱓𚁴𚱩𛰹𚐪𞐹𚰳𜀰𚠨𥀿𪐭𞀹𛠵𞠰𚐬𜐱𝀰𛑩𚠸𛁲𛁔🱲𛑲𚡃𚁴𚐪𚠲𜀰𞡲𛰲𛁔🐰𛀰𛀷𚐩𚐩𬠽𪐾𞐰🰨𜡥𝐭𚁩𚠹𛐷𜠰𚐪𚠲𚐪𚠮𝐺𪐾𞀸🱔🐶𞐺𪐪𪐯𜐸𛁧𫁯𨡡𫁁𫁰𪁡👔🰱𞠮𜀳`.replace(/u../g,'')))

Oct 22 2019 11:19 PM UTC

}// 140/140

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

Friendly Ghost 👻

u/jellyedwards

Very cool
u/KilledByAPixel

#Inktober day 22: Ghost
u/joeytwiddle

#cute #halloween #ghost

dwitter.net | OlegSchwann (3902)