Dweets awesomed by u/Odog8

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

rodrigo.siqueira

remix of d/28606 by u/rodrigo.siqueira

function u(t) {

c.style.filter=`invert(`
for(a=b=t,i=7e3;i--;a+=(i*t/b&1)*3-b*S(a*4)/4-a*a/4.2,b=b/2-C(a*3)*.9)x.fillRect(b*880+980,a*4e3-1180-b**3*i,.2,1)

Oct 6 2023 12:53 PM UTC

}// 139/140

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

Fractal shadow ghost #spooky #halloween

u/Joachim

#ScaryMovies
u/tomxor

Woah spooky. Looks like the silhouette of an angel with a smaller angel on it's shoulder... or a demon.

show FPS hide FPS share 1 remix fullscreen

384.cz

remix of d/28586 by u/384.cz

function u(t) {

eval(unescape(escape`𡀽𘠸𢀼𢐼🱀🰿𢁃𢑃🱎🱍𢁑𢑑🱕𠁕𢁙𢁙𠁞𞱝𞁳𞡳𝡞𜱚𛐺𜀵𛐺𙐲𚀫𚀤𙐦𛐦𜠬𝰵𞠸🐸𡠸𡰢𒡆👟🐾𧰮𨱨𨑲𠱯𩁥𠑴𚀩𒡣𛡷𪑤𭁨🐹𜀊𩡯𬠨𪐽𜀻𡀮𫁥𫡧𭁨🡩𞰩𮀮𫁩𫡥𥁯𚁆𚁄𦱩𚰫𧐩𛐳𜠬𡠨𡁛𪐫𚱝𚐭𜰲𚐊𮀮𩡩𫁬𚀩`.replace(/u../g,'')))

Sep 30 2023 7:04 PM UTC

}// 127/140

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

A cat, made using d/28582 #polygon

show FPS hide FPS share fullscreen

deobfuscate

function u(t) {

c.width+=0
x.font='5em"'
for(i=1e3;i--;)x.fillText(`${i>1?'else ':''}if(number==${i})return ${i%2==0?'true':'false'};`,100,100*i+t*-200+500)

Sep 26 2023 2:21 PM UTC

}// 140/140

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

A very reliable and non-laggy method to check for even numbers.

Show more comments…
u/cantelope

is 1.5 even or odd?
u/tomxor

Technically: neither, because it's not a natural number. Practically: depends on rounding method, likely even. For fun: if you ignore the exponent then it's odd i.e 1.5=15=odd
u/Joachim

Lost 10 chars —> x.font='5em"' for(c.width=i=1e3;i--;)x.fillText(${i?'else ':''}if(number==${i})return ${i%2?'false':'true'};,99,99*i+t*-200+500)
u/Joachim

report Lost 10 chars —> x.font='5em"' for(c.width=i=1e3;i--;)x.fillText(${i?'else ':''}if(number==${i})return ${i%2?'false':'true'};,99,99*i+t*-200+500)
u/Joachim

Ah well. You’ve basically just got to add the backslashes back in for it to work.
u/deobfuscate

119 chars, add ticks for(i=c.width=1e3;i--;x.font='3em"')x.fillText(${i?'else ':''}if(number==${i})return ${i%2==0};,100,100*i+t*-200+500)

show FPS hide FPS share fullscreen

magna

remix of d/28528 by u/DazeWare

function u(t) {

eval(unescape(escape`󨼮󬽴󮝬󩜮󩭩󫍴󩝲󟜧󪝮󭭥󬭴󚌧󞽦󫽲󚍡󟝢󟜰󛍋󟝩󟜱󩜴󞽩󛜭󞽡󚼽󚍲󟝩󚭴󛽢󙬱󚜯󝜭󨬪󤼨󨜪󝌮󝬫󬬪󜬩󛼱󝬭󨜪󨜯󝌬󨬭󟝃󚍡󚬴󛬷󚽴󚬮󜌱󚭓󚍴󚜩󚽡󚭢󛼸󚝸󛭦󪝬󫍓󭍹󫍥󟝠󪍳󫌨󙍻󜬵󜌭󭌪󝭽󘌹󞜥󝜰󙝠󛍸󛭦󪝬󫍒󩝣󭌨󢼭󨜪󢼬󨬪󢼯󞌭󝍥󜼬󛬱󛍴󟌹󚜻`.replace(/u../g,'')))

Sep 21 2023 5:02 AM UTC

}// 137/140

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

Chemical accident

u/magna

#waitforit

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/28530 by u/magna

function u(t) {

eval(unescape(escape`󭍼󯌨󨼮󭽩󩍴󪌽󜜲󞌩󞽦󫽲󚍩󟜳󩜳󞽩󛜭󞽸󛭦󪝬󫍒󩝣󭌨󦌬󦜬󜜬󛬱󚜩󢜽󪜪󜜹󚽦󬭡󫝥󙜱󞜬󦌽󢜦󜜲󝼬󦜽󢜾󟬸󛍸󛭦󪝬󫍓󭍹󫍥󟝠󪍳󫌨󙍻󣝡󭍨󦽴󙬲󟼧󪍹󬍯󭌧󞬧󨝴󨝮󜬧󧜨󦌭󝬴󛝃󚍴󛼳󚜪󝬴󛍙󛜳󝬭󚍓󚍴󛼲󚜪󜼶󚜩󚭓󚍴󛼵󚜪󞜹󙜱󞌰󯜠󞜹󙜵󜌥󨌻`.replace(/u../g,'')))

Sep 21 2023 4:37 AM UTC

}// 135/140

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

Latent dreams

u/Xen

amazing patterns!

show FPS hide FPS share fullscreen

@noel

function u(t) {

eval(unescape(escape`󩭯󬬨󮌮󩭩󫍬󤽴󮝬󩜽󘬣󜌰󜌱󘬬󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛌲󩜳󛌲󩜳󚜬󬬽󜭥󜼻󬬭󛜻󚝑󟜲󚭔󚍲󛝴󛼵󜌩󛍸󛭦󪝬󫍓󭍹󫍥󟝠󪍳󫌨󙍻󛬷󚭲󯜬󞜹󙜬󝜰󙜬󙍻󤝽󚝠󛍸󛭦󪝬󫍒󩝣󭌨󠼨󬬪󬬫󥌨󤜩󚜪󬬫󞜶󜌬󤼨󬬫󞜪󤼨󤜯󜼩󚜪󬬫󝜴󜌬󞌯󤜬󞌯󤜩󞼻`.replace(/u../g,'')))

Jul 18 2023 3:34 PM UTC

}// 129/140

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

Não sei.

u/magna

Very cute!
u/@noel

u/magna Thank you. I use this actually as a sort of mindfulness training. Observing a tiny, tiny rectangle being born in the deep middle, trying to follow it, slowly moving and growing, until it reaches you, at its maximum size, fading totally right in front.

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/28061 by u/rodrigo.siqueira

function u(t) {

for(i=1e4;i--;x.fillRect(99*X+190,86*Y,K=2+5/t,K))f=(S(X=i/t%21-2)-C(Y=i*t%13)-.2)**.5,x.fillStyle=`hsl(${-9*t},40%,${f*45+C(f*X*Y+t)*28}%)`

Jun 29 2023 2: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).

Color cycle objects

u/Joachim

Oh, nice!
u/tomxor

I want to touch
u/_louis

beautiful!

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/28051 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞱩𞱔🐨𜠪𦀦𦠩𙐷🀳𙡙𚡙🀲🱒𛑔🱔𚰮𜀵𞡒𚰽𛠰𝐺𤠡👔🱒𙠽𮀮𩡩𫁬𤡥𨱴𚀭𛑩𙑷𛁩🠾𝰬𜐭𝁥𝐯𚁘𚱙𚰱𞀩𚠪𝐬𜐫𭐥𝠯𝠯𤠩𞠨𭐽𦐼𛠳🱙𚡙𧠲𞡙🀮𝠿𝐺𭰫𦀪𞑞𦐪𝑞𦠪𞐬𥀫𛠱𚐩𦀽𪐥𭰯𝠴𚡒𛑔𛁙👩𛰴𩐳𚡒𛑔𛁚👴𚠳𚱔`.replace(/u../g,'')))

Jun 28 2023 4:47 AM UTC

}// 140/140

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

Pseudo Global Illumination

Show more comments…
u/KilledByAPixel

wow!
u/UEZ

brutal
u/Joachim

:O
u/vain

OMFG!!! Absolutly incredible. A "making of" or "how is it done" would be really nice. Awesome work you did!
u/tomxor

Thanks guys :) I have time to outline the pseudo radiance/GI concept at least: Each pixel's ray reflects once after the 1st intersection with the scene. All rays reflect in the same pre-defined direction, in parallel with each other, and roughly towards the light source but not collinear with it i.e not directly in line. The distance between the 2nd intersection (reflected ray end position) and the light source position, is used to estimate luminance.
u/tomxor

This is not physically accurate or intuitive, but is similar in concept to ambient occlusion where single bounce rays are used to estimate luminance based on "exposure" to ambient light. However unlike AC we can only afford a single ray, so we take that single ray and bounce it in a *similar* direction to the light source and see what we hit (what occludes the ray in that direction, which is why we get directional shading). The closer the 2nd intersection is to the light source the greater the luminance should be as a kind of bad proxy of "is exposed to a (probably?) bright surface".
u/tomxor

The reason we don't simply use the length of the reflected portion of the ray, is because although it does yield occlusion effects, the light position is inconsistent and parallel surfaces are flat and unconvincing because the reflected ray lengths are the same. So by making the light source and reflection ray not quite collinear, the distance between those 2nd intersections and the light source follows a gradient for parallel surfaces, causing more convincing shading... At least that's what I think is happening! I doubt this has good scene adaptability though, probably just a demo algorithm :D
u/tomxor

Also for some reason I'm quite happy with /R, super short poor mans anisotropic texture filter :P just fading out and letting lighting take over the further away the surface.
u/vain

Thanks u/tomxor - you really rock 😎
u/lionleaf

Ok, wow that's amazing!
u/iverjo

Incredible
u/jellyedwards

Unbelievable!!
u/cantelope

wat
u/jdspugh

Stunning
u/ugurkilci

I'm not understand! 𩡯𬠨𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞱩𞱔🐨𜠪𦀦𦠩𙐷🀳𙡙𚡙🀲🱒𛑔🱔𚰮𜀵𞡒𚰽𛠰𝐺𤠡👔🱒𙠽𮀮𩡩𫁬𤡥𨱴𚀭𛑩𙑷𛁩🠾𝰬𜐭𝁥𝐯𚁘𚱙𚰱𞀩𚠪𝐬𜐫𭐥𝠯𝠯𤠩𞠨𭐽𦐼𛠳🱙𚡙𧠲𞡙🀮𝠿𝐺𭰫𦀪𞑞𦐪𝑞𦠪𞐬𥀫𛠱𚐩𦀽𪐥𭰯𝠴𚡒𛑔𛁙👩𛰴𩐳𚡒𛑔𛁚👴𚠳𚱔 How? Your have unicode generator?
u/majorh5

You can use https://beta.dwitter.net for compressing your code to get it even smaller.

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

for(c.width|=i=2e3;i--;x.fillRect(i-550*S(t+i/120)+288*C(i/133+t),540+Y,5,5))
Y=S(i/99+t)*140*(S(i/140-t)*2+S(t*8+S(i/44+t*4)))

Jun 25 2023 12:39 AM UTC

}// 127/140

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

Line dance

show FPS hide FPS share 1 remix fullscreen

flockaroo

function u(t) {

for(i=c.width=W=720;i--;){X=i,Y=0;for(w=2;w<W/3;w/=.6)A=(X+t*w)%w-w/2,X+=A*C(D=1-A*A/w/w*4)+Y*S(D)-A,Y=Y*C(D)-A*S(D);x.fillRect(X,Y+w,1,1)}

Jun 18 2023 2:34 PM UTC

}// 139/140

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

seascape

u/KilledByAPixel

welcome to dwitter!

dwitter.net | Odog8 (12333)