Dweets awesomed by u/hvianna

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

KilledByAPixel

function u(t) {

eval(unescape(escape`𚰫𭀥𝀾𜐿𨰮𭱩𩁴𪁼👔👟🐾𤰨𚰫𭀪𭀩𞡏👛𮱘𞠹𝠰𛁙𞠱𩐳𛁡𞠰𛁢𞠰𯑝𒡦𫱲𚁯𘁯𩠠𣰩𨠽𚰫𫰮𨠬𨠽🐲𯁔𚀩🠮𞐹𞐹𞐶🱏𛡰𭑳𪀨𮱘𞡯𛡘𛐶𚡓𚁡👯𛡡𚐬𦐺𫰮𦐭𝠪𠰨𨐩𛁡𞡡𚠮𞐸𚰨𨠭𜠿𜐮𝐺𛠱𚐪𥀨𚐬𨠺𜁽𚐺𜀬𮀮𩡩𫁬𤡥𨱴𚁯𛡘𛁯𛡙𛁱👢𚠪𛠷𝐬𬐩`.replace(/u../g,'')))

Feb 3 2020 6: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).

Tree #growth

Show more comments…
u/tomxor

What the! now i can't sleep until I pick this appart, damn you pixel... making me learn stuff...
u/tomxor

... that's my way of saying increadible dweet btw :)
u/KilledByAPixel

thanks!
u/lionleaf

Insane! That's amazing
u/DataMeta

Brilliant!
u/katkip

Wow
u/KilledByAPixel

#tree

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𬠽𫠽🡍𨑴𪀮𬡡𫡤𫱭𚀩𚡮𯀰𒡔👴𚠶𜁼𜀊𮠽𬠨𝰩𚠲𚰷𒡸𛡳𨱡𫁥𚁱👴🰱𛠰𜐺𝀬𬐩𒡦𫱲𚁫🐳𩐳𞱫𛐭𞱸𛡦𪑬𫁒𩑣𭀨𪐫𤰨𥀪𥀩𚠳𜀰𛁴🰳𜀫𪠫𤰨𥀩𞠰𛁡👴🰱𞠳𩐳𛁡𚐩𪐽𪰥𮠬𪠽𪰯𮡼𜀬𮀮𩡩𫁬𤱴𮑬𩐽𤠨𬐽𪐪𪠥𜠪𬠨𝀰𜀩𚡔𛰲𝀹𛁱𛀴𞐫𬠨𬐩𛑔𛰹𚐻`.replace(/u../g,'')))

Feb 1 2020 1:23 AM UTC

}// 140/140

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

Tiny City Generator

Show more comments…
u/Xen

ultra urban skys, love x
u/Ballatoilet

how did you make this?
u/sigveseb

very nice!
u/DaSpider

Reminds me of the old mac 512 default screensaver
u/katkip

#city #night
u/KilledByAPixel

first i made code that makes 1 building, then i went from there
u/New_Core

where is the gorilla, lizard and the wolf.. lets play rampage ;) ...nice one

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/15354 by u/KilledByAPixel

function u(t) {

for(w=i=125;i--;)for(j=0;j<8;x.fillRect(i*20,j++?w*j+299*C((t*j*j+i/j|0)**3)/j:0,20,3e3))x.fillStyle=`hsl(${j**4-149} ${j*7}%${29*C(j)+39}%`

Jan 27 2020 1:44 AM UTC

}// 140/140

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

City Outskirts

u/tomxor

Nice, you got the colours just right, I couldn't quite figure that bit out. #city
u/pavel

Just a black screen on Safari
u/KilledByAPixel

fixing up the hsl to have commas and closing paren may fix some browsers
u/tomxor

Safari is wrong, they should this dweet as a unit test :)

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

with(x)for(c.width|=0,scale(i=60,i);i--;fillText("𝗦𝗟𝗜𝗖𝗘",4+3*S(t)**2*S(i**3+t*8),12))beginPath(save(restore())),clip(rect(0,i/4,99,.25))

Jan 26 2020 8:53 PM UTC

}// 136/140

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

SLICE - https://dribbble.com/shots/9711312-Creative-…

u/katkip

#text awesome!

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭀪🐵𝀰𒡡👴𛐱𝀲𜀰𒡷👡🁔𒡢👡🠰𙡡🀱𞀰𜀊𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮱢🰹𞠹𛑴𛰶𞑽𘀤𮱢🰹𞠶𞑽𙐠𙁻𨠿𭰪𞐺𞐰𚱃𚁴𛱔𚐪𞐭𭀯𜠰𜁽𙑠𒡸𛡦𪑬𫁒𩑣𭀨𨠿𜐹𞐫𨐺𭀥𜡥𜰬𨠿𝠰𜀭𚁡𚠪𛠱𚠶𜐥𜠫𝱼𜀩𚠴𞐪𚁷🱡𛱔𞠱𚐺𭀯𜐹𚱃𚁴𛰳𞐹𚐪𜰹𛀭𞐬𥀽𜑥𜰩`.replace(/u../g,'')))

Jan 22 2020 7:40 AM UTC

}// 140/140

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

Slow #Castle (takes about 30 seconds)

u/KilledByAPixel

Final result https://imgur.com/JwjEImV
u/magna

#waitforit
u/magna

WOW!
u/KilledByAPixel

Behind The Castle

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

KilledByAPixel

remix of d/17245 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨👫🐱𝀷𜠬𭁲𨑮𬱬𨑴𩐨𪰯𜠬𜐹𞐩𞱩👫𛐭🠾𜰻𪠿𩡩𫁬𥁥𮁴𚀧𧁵𜠶𝑆𧁵𜠶𝐹𧁵𜠰𜐴𙱛𩠿𜠺𪠥𜡝𛀨𨐾🠴𚐥𜠪𜐰𛐸𜀫𪠪𜠰𛀹𛐡𩠯𛠴𚐺𬱣𨑬𩐨𮠽𜐮𜀳𛁺𚐩𪠽𪰥𞀬𩠽𚁡👩𚱪𚠳𜠫𭀪𝠰𯀰𚐥𜐶𘐽𝡼𨐥𝐬𩡩𫁬𤱴𮑬𩐽𤠨𩠪𜠵𝐩`.replace(/u../g,'')))

Jan 16 2020 5:44 AM UTC

}// 140/140

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

Pawns on an Infinite Chessboard ♟♥♙

u/KilledByAPixel

#chess #d3

show FPS hide FPS share 4 remixes fullscreen

KilledByAPixel

function u(t) {

for(c.width|=i=159,x.translate(960,99);i--;x.fillText(r+' ____ ____ '+r,S(a/137)*S(a/69)*i-44,9))x.scale(q=1.03,q),r=(a=i+t*60|0)%37?' ':'🌵'

Dec 29 2019 3:49 PM UTC

}// 140/140

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

Long and winding road 🌵V2

u/katkip

awesome! #road
u/joeytwiddle

Nice #perspective
u/katkip

clever use of _____ _____
u/tomxor

Wow! I suddenly feel like playing road rash

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𩠽𜐷𜀰𛁩🐰𞰫𚱩🁦𞱩🠸𜀰🱸𛡣𫁥𨑲𤡥𨱴𚀨𪐫𪐪𤰨𭀫𪐩𛰲𜀩𙑦𛐲𝐰𛀨𤰨𪐩𚠱𩐵𚱴𚡃𚐥𜑥𜰬𦠽𞐫𞐪𪐯𩠬𦠩𞡸𛡦𪑬𫁒𩑣𭀨𞐶𜀫𚁱🱃𞠱𩐳𚐪𤰨𪐩𚡩𛱦𛁩𚱃𛁩𛰱𝀫𞐬𝀹𛁸𛡦𪑬𫁓𭁹𫁥👒𚁱𚡃𚰴𞐬𤰨𪐪𚠳𚐪𠰫𘑱𚡃𚰴𞐬𠰽𞐹𚐩𚑱👩🠷𜀰`.replace(/u../g,'')))

Dec 20 2019 4:20 AM UTC

}// 140/140

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

Snowy tree

u/jellyedwards

Just saw this: https://boingboing.net/2019/12/20/bewilderin… well done!
u/KilledByAPixel

nice, thanks!
u/KilledByAPixel

#snow #snowflake #tree

show FPS hide FPS share 1 remix fullscreen

WasifBoomz

function u(t) {

x.rotate(1)
x.shadowColor='red'
x.shadowOffsetX=9
x.shadowOffsetY=9
x.lineWidth=3
x.strokeStyle=R(0,0,0,.1)
x.strokeRect(0,0,25*t,25*t)

Dec 18 2019 7:24 PM UTC

}// 135/140

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

u/Xen

love it! #waitforit

dwitter.net | hvianna (8221)