Dweets awesomed by u/ciaccodavide

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

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁫🐰𞱫🀱𩐳𞱦𪑬𫀨𩑬𫁩𬁳𩐨𪐪𝀫𤰨𭀪𞐫𪐩𚠳𛀨𤰨𪐪𪐩𚡔𚱔𚱴𚠨𪐥𝐫𜠩𚠵𞐩𙐲𩐳𛑪𚠹𛐹𛁷👫𚰫🰹𛑪𚠳𛑓𚁩𚱴𚐪𜰺𥀽𜑥𝐬𭰪𠰨𪐫𭀩𛰲𚱷𛀰𛀰𛀷𚐩𚑩👫🠾𜐬𪠽𪰥𜠬𨡥𩱩𫡐𨑴𪀨𩡩𫁬𤱴𮑬𩐽𤠨𭠽𞐹𚰱𝐵𚡪𚰡𪰪𜠹𛁶𛁶𛀮𜰩𚐻`.replace(/u../g,'')))

Mar 22 2020 7:01 PM UTC

}// 140/140

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

Rain on #Glass 🌧

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛁷👩👣𛡷𪑤𭁨𯀽𜀬𭰩𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𭰯𜠫𤰨𬀽𚀱𛠲𝐶𝠫𤰨𭀩𛰲𩐳𚐪𪐫𠰨𭀩𚐪𪐯𝀭𚁳👍𨑴𪀮𫑩𫠨𭰯𪐪𜐶𛀱𜠰𚐩𛰲𛀵𝀰𚱃𚁰𚐪𪐯𝀭𬰯𜠬𬰬𬰩𚑸𛡦𪑬𫁓𭁹𫁥👠𪁳𫁡𚀤𮱩𛰴𛑴𚡷𯐬𞐹𙐬𙁻𝠶𚰨𜐭𪐯𭰩𚠳𜱽𙐬𛠱𨀻`.replace(/u../g,'')))

Mar 19 2020 10:44 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/WorldMerge

This is fantastic! How did you compress your js like that?
u/cantelope

there are a few handy compression tools/dweets @ https://dwitter.net/h/compressor . They don't all work, so look for the ones with a lot of Awesomes, like: https://www.dwitter.net/d/11852 . I've been a long fan and user of Dwitter but my main (and perhaps only) complaint is the strict 140 char rule. It has given me equal measures of inspiration and frustration, hence why I created the spin off site, https://codegolf.tk which has 3 categories, 140b, 512b, and 1024b to allow for more sophisticated demos while still giving credit for the 140b achievement. :)
u/DaSpider

The 140 chars would be better if there were more shortcuts like C(), R(), etc. for functions like Math.random, x.fillStyle, etc.
u/13thptr

#starfish #compressed

show FPS hide FPS share 3 remixes fullscreen

tomxor

remix of d/17761 by u/ElisionFR

function u(t) {

c.width=innerWidth
n=t?n.map(([A,B,X,Y])=>[A,B+.6,X+A/4,Y+B/4,x.fillRect(X,Y,3,3)]):[]
onmousemove=({x,y})=>n[t*60&255]=[x-C,y-S,C=x,S=y]

Feb 27 2020 12:12 AM UTC

}// 137/140

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

#interactive #particles #physics

u/tomxor

lol nmap
u/katkip

Awesome!
u/aleamb

amazing!
u/DataMeta

haha dude niice

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/12354 by u/rodrigo.siqueira

function u(t) {

for(a=b=i=2e4;i--;x.fillRect(960+99*a,540+99*b,.1,1))r=Math.random(),[a,b]=r>.5?[S(b)*8,C(a*b+t)*5]:[S(b/3)*5,a/3]
x.fillStyle=R(b*60*(i%3))

Feb 5 2020 12:33 PM UTC

}// 140/140

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

Into the abyss of rectangles #recursive

u/DaSpider

Where is the recursion?
u/rodrigo.siqueira

Each [a,b] is defined by the previous state of [a,b], so it's actually iterative.. It's based on IFS (Iterated Function System) with transformations are based on a probability.
u/sigveseb

That shading ends up looking really nice!
u/tomxor

Yeah, really nice texture!
u/lulasz

Looks like pencil drawing 🤔

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

for(c.width=k=800;k--;x.fillText('⬤',X-(q=3+S(Math.hypot(393-X,227-Y)/99-t)**3*49)*S(t*6),Y+q*C(t*6)))j=k%23,X=k*1.1+j%2*13-49,Y=j*26-49

Jan 27 2020 11:45 PM UTC

}// 136/140

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

🐝💣 https://twitter.com/beesandbombs/status/1205…

u/katkip

#illusion #Beesandbombs

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

tomxor

remix of d/17222 by u/tomxor

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐽𙱦𪑬𭁥𬠺𪑮𭡥𬡴𚀱𙰻𩡯𬠨𨐽𨠽𬀽𜰮𜐴𛁩🐱𩐴𞱩𛐭𞱡𚰽𚁲𛑡𚱢𚡓𚁡𚡰𚐩𛰵𛁢𚰽𚀭𨐪𨠫𠰨𨐪𬀩𚐯𝐩𪐦𜐦𙡸𛡦𪑬𫁒𩑣𭀨𞐶𜀫𜐶𜀪𠰨𦐽𨐪𝀭𛠳𚐬𝐴𜀫𜐶𜀪𠰨𦀽𨠪𬀫𬀯𜠩𚡓𚁙𚐬𬰽𤰨𦀩🠰🰮𜐺𜀬𬰫𤰨𦀭𝀩𚠪𛠹𯁼𬰬𬠽𪐪𭀯𨠦𜐩`.replace(/u../g,'')))

Jan 16 2020 7:14 PM UTC

}// 139/140

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

Real Moon

u/tomxor

... well, as real as it gets in a dweet.
u/tomxor

#moon
u/DataMeta

#space #realistic #compressed

show FPS hide FPS share 1 remix fullscreen

Jezza

function u(t) {

for(i=0;i<100;i+=Math.PI/11.75) {
 x.beginPath();
 x.ellipse(960+C(i)*i*4,540+S(i)*i*4,i/4,i/4,0,0,2*Math.PI)
 x.fill();
}

Jan 4 2020 2:05 AM UTC

}// 123/140

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

https://www.reddit.com/r/askmath/comments/ej…

show FPS hide FPS share 1 remix fullscreen

DataMeta

remix of d/16988 by u/katkip

function u(t) {

c.width|=0;x.scale(23,23);for(i=96;i--;)for(j=54;j--;)if((i^j)%(g=2+~~t%7))x.fillRect(i+S(t*4+j/g)-1,j+S(t*4+i/g)-1,z=.9,z)

Dec 26 2019 5:35 PM UTC

}// 123/140

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

u/magna

Sweet!
u/sigveseb

very nice
u/gambit

hi im new! can you explain me "c.width|=0" what does it do? thanks
u/DataMeta

Welcome! It's a shorter way of clearing canvas pixels/state. Can be chained like so: for(c.width|=n=i=256;i--;). It can't be done here because we must clear the canvas before scaling it
u/includeRubiks

so cool

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

for(r=X=c.width+=0;X-=2;t?T[X]>r?[T[X-1],T[X]]=[T[X],r]:0:T[X]=Math.random()*999)x.fillStyle=`hsl(${r/4},99%,45%`,x.fillRect(X,0,1,r=T[X++])

Dec 20 2019 12:38 AM UTC

}// 140/140

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

Bubble Sort

u/Odog8

duuuude
u/pavel

#sort has a few others
u/katkip

awesome #math
u/katkip

#visualization #graph

dwitter.net | ciaccodavide (10197)