Dweets awesomed by u/sawaxon

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

denzen

function u(t) {

for(y=2e3,x.font='200px s';y--;)x.fillText(String.fromCodePoint(128512+~~((S(t+y)+1)/2*69)),860+C(y)*y,640+S(y)*y)

Jan 20 2020 1:08 PM UTC

}// 114/140

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

#emoji

u/aleamb

cool! lol

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

katkip

function u(t) {

if(!t)x.translate(q=960,99);x.fillStyle='#fff1';for(i=2345;i--;c.style.background='#102')x.fillRect(S(i*i)*q,i*1.1*C(i),4,4);x.rotate(t/q)

Oct 16 2019 12:15 PM UTC

}// 138/140

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

Stars aren't moving. Earth is moving #space #stars #star

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁳𪁡𩁯𭱂𫁵𬠽𜠹𛁳𪁡𩁯𭱃𫱬𫱲🐢𘰰𜀰𘠬𭀪👩🐹𞐻𪐭𛐻𩡩𫁬𚀩𚑢𩑧𪑮𤁡𭁨𚁲🐨𝀫𤰨𭀩𚐪𪐯𝀩𛁥𫁬𪑰𬱥𚁴𚠹𙐲𩐳𚱃𚁡👩𚡴𚐪𬠬𤰨𭀪𭀩𚠲𩐳𚱓𚁡𚐪𬠬𬠬𬠯𜰬𨐬𜀬𝰩𛁦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𭀪𭀥𜰶𜁽𘀹𞐥𙁻𚁴𙐹𞐩𚱩𛐵𜁽𙑠`.replace(/u../g,'')))

Oct 15 2019 6:05 AM UTC

}// 139/140

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

Overgrown Flowers ✿

u/katkip

broken on mobile
u/KilledByAPixel

#Inktober day 14: Overgrown

show FPS hide FPS share fullscreen

topos

function u(t) {

for(z=0;z<800;++z){
i=1080*(f=Math.random)();j=1920*f()
k=256*C((i-550)/200)/S(j/1000)
x.fillStyle=R(k,k/2,k/3,1)
x.fillRect(j,i,60,10)
}

Oct 14 2019 8:09 AM UTC

}// 138/140

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

rocket thruster

u/aleamb

#rocket #shading #fire
u/aleamb

amazing!

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 fullscreen

sawaxon

function u(t) {

c.width|=0
for(i=0;x.fillStyle=`hsl(${i*40},99%,50%`,i<9;i++,x.rotate(S(i+t)*19*(Math.PI/180)))x.fillRect(v=50+T(t)*99&&90*i,500+i*S(t),v,v)

Oct 1 2019 4:25 PM UTC

}// 140/140

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

show FPS hide FPS share fullscreen

sawaxon

function u(t) {

v=Math.ceil((t+0.01)/1.7);x.fillStyle=`hsl(${S(v+1)*255},99%,50%`;x.fillRect(v*120+S(t*4)*100+C(t*4)*59,v*99+C(t*4)*59,S(t)+9,S(t*99)*9+8)

Oct 1 2019 4:24 PM UTC

}// 138/140

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

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

eval(unescape(escape`琯㴳㭣⹷楤瑨㴴㠰㭣⹳瑹汥㴧晩汴敲㩩湶敲琨ㄧ㭦潲⡩㴱㑥㌻椭ⴻ砮晩汬剥捴⠲㐰⬶〪䌨堩ⵓ⡘⭴⤪娬ㄲ〫㘰⩓⡘⤪䌨天⭓⡙⭴⤪娬ㄬ⡫㵃⡙⭴⤩㰰㼮〴㩫⤩堽椥ㄲ〯㌹ⱙ㵩⼴㙥㈬娽匨䌨匨太ㄷ⤫匨堪ㄷ⤩⼮㌩`.replace(/u(..)/g,"$1%")))

Mar 16 2019 12:37 AM UTC

}// 140/140

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

#moon #space

Show more comments…
u/tomxor

golfed a moon... or moon a golf ball?
u/Xen

Nicely Done!
u/katkip

It floating in empty space so probably it's a golf ball hit by Chuck Norris
u/13thptr

lol
u/13thptr

Very nice dweet btw
u/yonatan

Dude!
u/joeytwiddle

#lighting Not a #planet
u/lionleaf

#shading

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡪㵣⹷楤瑨㴴ㄲ⭓⡴⼲⤪㤸㭶㵪ⴭ㰼㌻扥杩湐慴栨晩汬⠩⤩景爨椽㔻椭ⴻ捬敡牒散琨愪愥㜱㈬琪瘥㐰〬椬㌩⥦楬汓瑹汥㵒⡪⼲ⰹ㠭瘬樼㤸㼱㤰⵶㩪⤬汩湥呯⠹㠫匨愽椪㤸⭶⭴⼸⤪瘬㠰⭃⡡⤪瘫瘭樯㈩`.replace(/u(..)/g,"$1%")))

Dec 20 2018 8: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).

Magical Winter Forest

Show more comments…
u/joeytwiddle

beauty
u/pavel

unreal
u/aleamb

oh man!
u/aleamb

#landscape #winter
u/katkip

cool
u/BuRRak

VERY COOL
u/zanella

OH MY GOD! SERIOUSLY?
u/Xen

Serious Awesomeness!
u/lionleaf

That's insane! Woah!
u/lionleaf

#magic #forest #xmas #snow #purple
u/magna

how do you even
u/andc2600

Amazing
u/donbright

heehee
u/rodrigo.siqueira

#christmas #tree
u/vain

I cant believe what i see from this 140 chars of compressed code. Nice colors and amazing work/execution!!

dwitter.net | sawaxon (8048)