Dweets by u/tomxor

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

tomxor

remix of d/28068 by u/tomxor

function u(t) {

for(w=c.width&=i=10368;i;T=(2*X&3*t+T)%7<3&Y*Y<2?R-T?T+.1:R+=.1:R!=T?R&=x.fillRect(--i%w,i>>7,(X+Y+5)/9,1):T+.2)X=i%w/64*R-T,Y=i/4e3*R-T

Nov 7 2023 9:40 PM UTC

}// 136/140

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

Pseudo Global Illumination - Sans-Textures

u/cantelope

wat
u/joeytwiddle

#d3 #lighting #uncompressed #hiddengem
u/DataMeta

wow
u/aleamb

wtf.... amazing!
u/pavel

Holy crap!

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/28559 by u/384.cz

function u(t) {

scrollBy(document.write(frame%9?'aábcčdďeéěfghiíjklmnňoópqrřsštťuúůvwxyýzž   '[S(T(t+=9)*t)*22+22|0]:` ${Object.keys(window)[t*t&255]} `),9)

Sep 27 2023 11:12 PM UTC

}// 140/140

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

Czechno Babble :P

u/Joachim

Hahaha love it #waitforit
u/384.cz

interesting idea, tomxor

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

tomxor

remix of d/28020 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞱩𞰨𦀦𦠩𙐷🀳𙡦🱵𚰽𛠰𝐺𮀮𩡩𫁬𤡥𨱴𚀭𛑩𙑷𛁩🠾𝰬𜐬𜐬𭐦👸𛡦𪑬𫁓𭁹𫁥👒𚁺🐨𩠫𜐭𤰨𪱼𦐪𞐩𛰳𚐪𭰯𭐬𩡼𦐫𛠳🱺𞡺𚠲𛁺𛰲𚐩𚑘👩𙑷𛰳𜠪𭐭𭐪𜠬𦐽𪐯𝁥𜰪𭐭𭐬𦠽𭐫𜰪𭀬𪰽𦀪𝰦𦠪𞐬𩠽𦐪𦐫𪰥𝰯𜰫𠰨𦁞𦠩🀳`.replace(/u../g,'')))

Jun 25 2023 2:48 PM UTC

}// 140/140

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

Mayan Underground Labyrinth

Show more comments…
u/Joachim

Incredible!!
u/Xen

top tier madness! :-O
u/tomxor

Just waiting for KilledByAPixel to squeeze some crazy shadow rays in now :D
u/cantelope

spooky good
u/lewdev

#cavern
u/iverjo

crazy good
u/jdspugh

Wow

show FPS hide FPS share 3 remixes fullscreen

tomxor

remix of d/27986 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𭰽𪠽𨰮𭱩𩁴𪀦👩🐸𜰲𜀻𪐭𛐻𪐥𭱼𯁸𛡦𪑬𫁔𩑸𭀨𙱁𥠭𜐴𜀧𛀮𜰬𞐩𚑸𛡦𪑬𫁒𩑣𭀨𪐥𭰬𪐯𭰬𚁁👪𙑷𛰳𜠰𚡔𛁁𧡁𚡓𚁴𚑞𪐯𜑥𝀪𥀫𞐪𭀩𙠱𝐿𜠪𘐨𦀽𪐥𭰭𤰨𭀩𚠲𜀫𥀫𚰯𜐶𛁘𛰳𝐭𜐮𞑼𪐯𭰯𞀭𝁼𦀦𝀩𞠨𚰫𪠬𤠽𥀬𥀽𞐬𝀰𛱒𚐬𜐩`.replace(/u../g,'')))

Jun 15 2023 10:02 PM UTC

}// 136/140

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

VHS 📼 #default + horizontal shift from noise

u/KilledByAPixel

nice, yeah that looks a bit more realistic!
u/tomxor

The noise on this is really good, I tried to find redundant bits to remove but everything you included adds to the realism.
u/KilledByAPixel

I don't know how I came up with this, was going through some of my old abandoned sketches and found this minus the default

show FPS hide FPS share fullscreen

tomxor

remix of d/20405 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀦👩🐸𜰲𜀻𪐻𠰽𠰭𝠴𚱓𯀰𚐨𤰯𝠴𚡒𛑒𚱃𛰳𩐶𧡒𚰳𚡴𚐥𝰿𤠪🐱𛠰𜠺𮀮𩡩𫁬𤡥𨱴𚁓👩🠾𝠬𦐽𪐦𝠳𛁱🐰𯀨𬀽𚁸𦰭𛑩𧐫🐷𚡔𚐫𚁙𛰳𜠪𤠭𤡼𜀿𦐯𜐲𞀺𜐭𜐯𤠩𚐬𦐿𜐺𤠽𜐬𥀽𚁰𛑱𯁼𜀩𛰱𝠬𮁛𭑝𚰽𜰪𥀬𮁛𭐽𪐭𝠴𧐫🐵𚡔𛁸𦱵𛐱𧐽𥀩`.replace(/u../g,'')))

Jun 11 2023 2:56 AM UTC

}// 140/140

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

Return to Castle Floyd Wolfensteinberg

u/tomxor

Also used d/24142 #wolfenstein #dithering
u/magna

LOL
u/KilledByAPixel

haha, nice!
u/donbright

#3d
u/donbright

holy smokes

show FPS hide FPS share fullscreen

tomxor

remix of d/27932 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭀿𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞡭👯𫡭𫱵𬱥𫑯𭡥👥🐾𫐽𩐻𦀽𛐭𪐥𭰬𦐽𪐯𭰻𮀮𩡩𫁬𤡥𨱴𚁘𚱺𚡒𛁙𚱺𚡔𛁓👍𨑴𪀮𪁹𬁯𭀨𤠽𦀯𝠴𛑭𛡸𛰲𞀰𯁼𜀬𥀽𦐯𝠴𛑭𛡹𛰲𞀰𯁼𜐩𚰡𮠯𜠬𜐩𚑺🐨𭰫𦀯𜰭𦐯𜱞𦐯𜰫𦀯𜰩𙐲𜐾𜐸𛁺𚰽𭑛𪑝𯀽𫐮𨡵𭁴𫱮𬰯𤰯𝀸𙠲`.replace(/u../g,'')))

Jun 8 2023 2:59 PM UTC

}// 140/140

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

#interactive (mouse + drag) #soldering #simulator

Show more comments…
u/tomxor

Here ya go u/joeytwiddle :D don't make a mess! no room for solder wick.
u/tomxor

I'm not sure who tapes a flashlight to their soldering iron though... maybe Doom guy does, ya know, just incase zombies, while soldering door control panels on Mars.
u/danny@hille.dk

Super impressive!
u/Joachim

THIS IS SO COOL
u/tomxor

Thanks guys :) I'm happy with the realism on this one, looks just like my crappy soldering :P
u/magna

OMG
u/joeytwiddle

haha awesome!

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/27928 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭀿𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞠨𨐽𜠬𨠽𜐬𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡻𨐽𩐮𮀯𜰰𜀬𨠽𩐮𮐯𜰰𜁽𚐻𦀽𛐭𪐥𭰬𦐽𪐯𭰻𮀮𩡩𫁬𤡥𨱴𚁘𚱺𚡒𛁙𚱺𚡔𛁍𨑴𪀮𪁹𬁯𭀨𤠽𦀯𝠴𛑡𛁔👙𛰶𝀭𨠩𚰡𮠯𜠬𜐩𚑺🐨𭰫𦀯𜰭𦐯𜱞𦐯𜰫𦀯𜰩𙐲𜐾𜐸`.replace(/u../g,'')))

Jun 7 2023 12:50 AM UTC

}// 130/140

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

#interactive (mouse) #PCB #trace #bumpmap

u/Joachim

Ooooh nice
u/joeytwiddle

I want left-click to add a blob of solder!
u/tomxor

Good idea!

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/20436 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𠐽𜐲𞀻𠐻𚁘𧡒𚐥𝰾𜐿𤠫🐮𜀱𞡔𚰫🀴𞀿𮀮𩡩𫁬𤡥𨱴𚁁𛑺𚡵𚠨𤠪𞀦𝰿𛐳𞠳𚐬𜰶𚱔𛱒𛑺𚡃𚠳𛁍𨑴𪀮𪁹𬁯𭀨𭐬𠰽𥀯𞐶𚱓𚁴𚐯𜠩𚠨𜐭𛠶𛱒𚐫𮠯𜠬𜠯𤠩𞠨𭐽𛐭𠐯𝠴𛐱𛁒🐱𛁔🐭𝀸𚐩𦀽𤠪𭐫𭀫𜠬𮠽𚁘𚱒𚐪𜐶𛁺🐨𮠭𥁞𥀫𮠩𙐷🠵`.replace(/u../g,'')))

Jun 7 2023 12:44 AM UTC

}// 139/140

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

#DooM 2.5D #bumpmap textures

u/tomxor

Same concept of XY displacement, but X displacement needs to be inverted when a surface is aligned along Z to give the illusion of the light comming from the observer. Completely unrealistic lighting tricks.
u/deobfuscate

I don't feel like I can make any more dweets with so many good ones like this roaming around.
u/danny@hille.dk

This is just out of this world. #witchcraft
u/vain

Just f*cking amazing! 😎

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

for(w=c.width&=i=10368;X=--i%w,Y=i/w;x.fillRect(X+z*R,Y+z*T,Math.hypot(R=X/64-1-S(t),T=Y/64-.6-C(t/3))+!z/2,1))z=(w+X/3-Y/3^Y/3+X/3)%21>18

Jun 6 2023 5:58 PM UTC

}// 138/140

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

#PCB #trace #bumpmap

u/tomxor

Getting on the bump train with a different method. This one displaces X and Y in proportion to distance from light source, which creates pixel gaps on one side (specular highlights), and overlapping pixels on the opposite (becoming shadows).
u/danny@hille.dk

wow thats chrisp!

dwitter.net | tomxor (4684)