Dweets awesomed by u/corruptio

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

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

eval(unescape(escape`󩭯󬬨󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛍷󟜲󩜳󛍩󟝷󚜻󪜭󛜻󦜼󞍼󦜾󜜱󯍘󟌸󯍘󟬲󝍼󦌦󜜦󙭸󛭣󫍥󨝲󤭥󨽴󚍘󚬵󜌫󤼨󭌩󚬳󜌰󚽍󛍙󚬵󜌫󣜬󝜱󛌵󜜩󚝘󟝩󙜵󜜭󝬬󦜽󪜯󝜱󯌰󛍍󟜨󚍓󚍴󚜫󜜩󛼲󚜪󚬹󚭙󚭓󚍴󚽘󚭙󚜻`.replace(/u../g,'')))

Sep 29 2023 5:09 AM UTC

}// 116/140

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

tectonic #default

u/UEZ

nice
u/taupelink

cool!
u/danny@hille.dk

WOW! SOO COOL!!
u/aleamb

yeah!

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𜐹𜠬𤠽𝀸𛁩🐸𜀶𝀻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁓𚰹𝠬𥀫𝐴𛁃𚁍𨑴𪀮𨑴𨑮𜠨𤰽𪐥𞐷𛑒𛁔👩𛰹𝰭𤠬𬠽𚁓𚡓𚱔𚡔𚐪𚠮𝐩𚠹𚐪𜠰𛑲𙠴𝀦𙡲🠳𝠿𬠼𝀲🱔𛱒𞡓𛱒𞠱𛁲🠳𝠿𬠼𤠺𮠨𜰩𛰵𚐩𮠽𫠽🡮𛐭𙠦𠰨𥀯𜠫𤰪𥀯𤠫𭀪𞐩𚡃𚁔𛰴𛑺𚁮𚐪𜠩𛑲𛰶`.replace(/u../g,'')))

Nov 13 2020 1:17 AM UTC

}// 140/140

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

#stargate

Show more comments…
u/DataMeta

wow WHAT
u/DataMeta

super rad combo of that fluid/smoke technique from a while back and the recent 2.5D Doom texture tricks!
u/chris@grimtech.net

Is this an incoming or outgoing wormhole? thanks
u/magna

WHAT.
u/sigveseb

Holy smokes!
u/tomxor

https://news.ycombinator.com/item?id=25088683
u/aleamb

brutal! amazing!!!
u/rep_movsd

This is one of the all time greats
u/Xen

Yess!
u/UEZ

Awesome. One rookie question: where are the color values saved?
u/red-lady

Stargate!!
u/tomxor

@UEZ the width and height of fillRect are used, when less than one pixel it will interpolate the alpha channel in proportion to the area. The same happens when an edge lies between two pixels (anti-aliasing).
u/UEZ

@tomxor: thanks for your fast reply. :-) That's what I thought but when will width used, when height? I'm trying to under JS by converting it to FB.
u/UEZ

*understand
u/tomxor

The following are equivalent when the values of w and h are between 0 and 1: fillRect(0,0,w,h) == fillRect(0,0,w*h,1). This is because the alpha channel of this pixel value is roughly proportional to the subpixel area (w*h). In terms of the patern we are trying to create, multiplication it's like the continuous version of AND, i.e the binary version is 1 IF w AND h. Additionally a lot of characters are saved when separating into w and h because we dont need to wrap the actual subexpression used to create w and h in parens and multiply them i.e fillRect(0,0,(.1+.2)*(.3+.4),1) becomes fillRect(0,0,.1+.2,.3+.4), that's -5 chars!
u/UEZ

@tomxor: thx.
u/nystrand

epic!
u/jelmo

Nice
u/vain

Wow! This seems to be your stargate... Seems you are not from this world! Incredible!!!

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𭀿𨰮𫱵𭁥𬡈𥁍𣀽𫰺𪐽𫰽𙰧𞱩𚰫🀱𜀲𝀻𫰫👠🁣𫱤𩐠𫱮𨱬𪑣𪰽𭁨𪑳𛡩𫡮𩑲𢁔𣑌🐧𙁻𣐨𪐩🰧𚠧𞡮𯁼𙲷𙱽𙰾𘰼𛱣𫱤𩐾𙁻𪐥𝠴🰧𙰺𙰼𬀾𙱽𨀩𩡯𬠨𫠽𪠽𜀻𪠼𞐻𫠫👍𚁩𛐶𝐫𪠥𜰫𚁪𚰫𛰳𯀰𚐪𝠴𚐩𣐽𪐽🡩🠶𝀦𪐼𞐶𜀦𪐥𝠴🠱𙡃𚁩𚡩𚐾𛠹`.replace(/u../g,'')))

Jul 30 2020 6: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).

Minesweeper 💣 #interactive #game

u/KilledByAPixel

hint - the sides are safe, there are 117 mines
u/Irratix

0_0
u/Xen

This is epic!!!
u/donbright

holy cow

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

Kirjava

function u(t) {

eval(unescape(escape`𭁼𯀨𬰽𦰮𛠮𘠠𜐳𡁜𫡆𞀲𠱜𫡅𠐵𝁜𫠶𞑂𝰢𧐬𥀽𜀩𛁯𫡫𩑹𭑰👮🐾𚁑👳𦱶👔𚱛𛐱𛀵𛀱𛀭𝑝𦰳𙡮𛡷𪁩𨱨𧑝𚐾𘠰𘠿𬱛𬱛𥁝👑𛁔👶𧐽𘠠𘠺𜀬𩀽𩁯𨱵𫑥𫡴𛡢𫱤𮐬𩀮𪑮𫡥𬡈𥁍𣀽𘠼𬁲𩐾𘠫𬰮𪡯𪑮𨁠𛁤𛡳𭁹𫁥𛡦𫱮𭁓𪑺𩐽𙰵𩑭𙰻`.replace(/u../g,'')))

Apr 2 2020 9:23 AM UTC

}// 132/140

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

15 puzzle #game #interactive

u/Kirjava

control with IJKL
u/katkip

Works on light theme

show FPS hide FPS share 5 remixes fullscreen

New_Core

function u(t) {

c.style.filter=`blur(17px)contrast(2e3%)`
for(c.width|=i=11;i--;)x.fillRect(960+600*S(t+i),440+400*C(t+i/.6),200,200)

Feb 12 2020 4:46 PM UTC

}// 117/140

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

Aha.. so thats how the metabals was done ;)

Show more comments…
u/New_Core

*metaballs
u/New_Core

probably better use arc.. didnt check fullscreen before posting....
u/New_Core

about 60 px blur was ok for fullscreen here
u/KilledByAPixel

nice technique!
u/corruptio

you can just do c.filter right?
u/corruptio

oh nope, nevermind
u/joeytwiddle

#metaballs good job!
u/sigveseb

Contrast filter, that's clever!

show FPS hide FPS share fullscreen

corruptio

function u(t) {

t?x.fillRect(j%50*36,(j/50|0)*36,(v="򐉡󰘣󠱂򐐢󘑂򈑂󘑢򀑢󈒂񸒂󈒂񸒂󈒂񰒃󈒂񰑣󐒂񰑣󐓣𡱃󠑢񉁄󨙣󰘣󨩣󠚣󐛣󈗇𡊡𙆄𙀡򀒢𠰢𨑦𘑂𘑁񠰣𹂁𱂡򑐤𨗁𨑁񨑤𡈃𠳋󱸡󩆥􁁁𱏊򀖅򘠁".charCodeAt(i/2)>>i++%2*5&31)*36,i%2*36,j+=v):i=j=0

Jan 28 2020 3:01 AM UTC

}// 140/140

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

50 x 28 Totoro #PixelArt

Show more comments…
u/corruptio

Uses run-length encoding to get more pixels.
u/Xen

very nice!!
u/corruptio

hmm, can save 4 chars in decoder to make it a 50x30 image
u/corruptio

t?x.fillRect(j%50*32,j/50<<5,(v="𝀳𯁱𦠢𤀡𦐢𣰢𦐣𣠣𥰤𣐤𥰤𣐤𥰤𣐤𥰤𫀤𥰤𫀣𦀤𫀣𮀣񈱢𘡚𰲇𘡻𜱼𤑻𜱺𝑸𝱗𰒎𘢕𰒌𘐡𣡥𠠡񀰣𠐢𘑢𪢁𙒄𙂥𴀡𘰮𘰢𲲃𨡰񨣦🂑𾲍🢂񡀾𻡌𜓬🰀".charCodeAt(i/2)>>i%2*5&31)*32,i++%2*32,j+=v):i=j=0
u/katkip

Awesome!
u/aleamb

fucking amazing!
u/tomxor

Do Ponyo! :)
u/KilledByAPixel

☂

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁩👴🰱𞡘👙🐲𩐳𛁺👧𩑴𢑭𨑧𩑄𨑴𨐨𦀬𦐫𞐬𜐬𜐩𛡤𨑴𨑛𜡝𞱩𛐭𞱢𩑧𪑮𤁡𭁨𚁦𪑬𫀨𩑬𫁩𬁳𩐨𭀿𦀺𪐬𭀿𦐫🐹𞠲𜀰𚡓𚁩𛰲𞐹𚐭𝀰𜀬𬐽𮠿𜰺𚁙🐰𛁘🐱𩐳𚱓𚁴𚐪𞐰𜁼𜀬𞐹𚐬𭀿𬐺𜑥𜰬𜀬𜀬𝰩𚐩𚑦𪑬𫁓𭁹𫁥👴𙠦𮠿𙰣𡡆𡠧𞠧𘰰𜀳𙰻`.replace(/u../g,'')))

Jan 22 2020 11: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).

Bombs Away! 💣

u/tomxor

hah nice, oldskool colision detection :)
u/katkip

Reminds me of pocket tanks
u/tomxor

wait... this is almost literally your name :D

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/17258 by u/pavel

function u(t) {

for(i=c.width|=p=(((K=t<5)?(t/8)**4:1)+t/5e4);i--;x.arc(960,540,1e3/z,b=(i*S(i*p))/20,b))z=1+(i>>12)+C(i*p);x.fill()

Jan 18 2020 11:46 PM UTC

}// 116/140

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

From order (in the beginning there was void) to chaos (dynamic interactions).

u/katkip

haha nice!!!
u/Odog8

how dis work!??
u/joeytwiddle

It's a lot of overlapping triangles. To see: 5e4),i=99;i--
u/joeytwiddle

(sort of "triangles") Similar effects: d/915 and d/11742

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

dwitter.net | corruptio (2183)