New #raymarching dweets

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 3 remixes fullscreen

tomxor

remix of d/21217 by u/tomxor

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐽𙱦𪑬𭁥𬠺𪑮𭡥𬡴𚀧𞱦𫱲𚁬𩑴𘁺𛁁𛁂𛁮𛁘𛁙𛁩🐱𝠻𪐻𦀫👁𛁙𚰽𠠩𦐪𦐼𝁥𝐦𙡘𛰴𜠵𯁙𛰹𞑼𦀯𜠵𚰱𝰦𜠿𮀮𩡩𫁬𤡥𨱴𚀹𝠰𚱘𛀵𝀰𚱙𛁮𛰫𚱺𚠪𛠴𛀮𜀴𚐺𚁺🐱𛁁👓𚁲🐭𛑮🱴𚠪𪐪𫠺𭀯𪐥𜐮𝠭𛠸𚐬𠠽𠰨𬠩𛁮𚑼𯀨𫠽𞀬𦀽𭀬𦐽𪐭𛐭𝠴𜀩`.replace(/u../g,'')))

Jan 17 2021 7:58 PM UTC

}// 140/140

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

2D #raymarching #globalillumination #default

Show more comments…
u/tomxor

Now we have a bitwise default :) X/425|Y/99|X/25+17&2
u/DataMeta

ahhhh this is so cool :)
u/Qwitter

This is the best Dweet I have ever seen in my life .
u/magna

!!
u/ciaccodavide

best default ever.
u/neimad

You won Dwitter
u/smtsjhr

You are doing God's Work
u/pavel

That's a fantastic use of 194 chars. Makes 140 dweets look mediocre.
u/Qwitter

This Dweet is forever burned in my mind. Literally brought tears to my eyes. Great Job Tomxor
u/dull_pixel

#raytracing

show FPS hide FPS share 5 remixes fullscreen

tomxor

remix of d/20405 by u/tomxor

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐽𙱦𪑬𭁥𬠺𪑮𭡥𬡴𚀧𞱦𫱲𚁬𩑴𘁺𛁁𛁂𛁮𛁘𛁙𛁩🐲𝀻𪐻𦀫👁𛁙𚰽𠠩𚀴𜀫𦀯𝀸𧠱𝠫𦐯𝀸𚐥𜐵🠱🱸𛡦𪑬𫁒𩑣𭀨𦀬𦐬𫠯𚰫𮠪𚠮𝐬𜐯𞀩𞠨𮠽𜐬𬠽𚁮𚰷𚐪𚡩𚡴𛁁🐲𚡓𚁲𚐬𠠽𜠪𠰨𬠩𛀭𛑮𚑼𯀨𫠽𞀬𦀽𜐲𞀰𚱩𚡓𚁴𚐬𦐽𝰲𜀫𪐪𠰨𭀩𛀭𛑩𚐻`.replace(/u../g,'')))

Jan 10 2021 12:15 AM UTC

}// 140/140

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

2D #raymarching #globalillumination

Show more comments…
u/KilledByAPixel

very cool 👍
u/Xen

Love it!
u/Qwitter

cool, i wish i could follow the js. what does the code look like unpacked?
u/Qwitter

Sometimes Im amazed at how stupid I am: 'filter:invert(';for(let z,A,B,n,X,Y,i=24;i;X+=A,Y+=B)(40+X/48^16+Y/48)%15>1?x.fillRect(X,Y,n/++z**.5,1/8):(z=1,r=(n+7)**i*t,A=2*S(r),B=2*C(r),--n)||(n=8,X=1280+i*S(t),Y=720+i*C(t),--i);
u/jellyedwards

Wow!
u/Pascal

damn
u/aleamb

fucking awesome
u/sigveseb

I let it sit for a while and took a screenshot https://imgur.com/a/MokWulC
u/magna

wow
u/DataMeta

absolutely amazing
u/iverjo

Very nice. Writeup please?
u/joeytwiddle

Great! #lighting #shadow
u/vain

great raycast

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/20416 by u/tomxor

function u(t) {

eval(unescape(escape`𠐽𤰨𭀩𞱂👃𚁴𚐻𩡯𬠨𨰮𭱩𩁴𪀽𦀽𜐲𞀻𦀭𛐻𚑻𩡯𬠨𦠽𜐬𤠽𥀨𦀯𞀱𛐮𞀩𞱡🐲𜀫𚁒𚡂𛑁𚐪𦠬𨠽𜐳𜠫𚁒𚡁𚱂𚐪𦠬𚁡𧡢𚐥𝰾𜐻𚑚𚰽𛠱𞱦𫱲𚁙🐭𝀸𞱙𚰫🀴𞀻𮀮𩡩𫁬𤡥𨱴𚁘𛀳𝠭𦐯𦠬𮠥𝰼𝠿𦠯𞀺𮠫𭀪𝠦𨐦𙠭𜐬𜐩𚑺🐨𨐫𨠩𚠸🀼𨐥𜠬𮠽𮠭𦑞𦐫𮡽`.replace(/u../g,'')))

Oct 30 2020 12:00 AM UTC

}// 140/140

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

Doom? #raycasting

Show more comments…
u/tomxor

UAC something something Zombies... something something Mars
u/tomxor

Z+=.03 for smoother sampling if your CPU can take it.
u/yonatan

nice one!
u/DataMeta

super cool
u/Xen

love it!
u/sigveseb

waaa with texturing! awesome!
u/tomxor

Thanks :) I just realised I missclassified these. Although it is 2.5D with 3D texturing as Wolfenstien/Doom pioneered, the 2D distance is found using #raymarching rather than casting, which is necessary for size and implicit surfaces.
u/DataMeta

#d2.5
u/DataMeta

heheh tag gaffe
u/bandaloo

oh my god dude
u/vain

Uffff... O.o

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/20405 by u/tomxor

function u(t) {

A=S(t);B=C(t);for(c.width=X=128;X--;x.fillRect(X,36-1e3/Z,Z**.5/16,2e3/Z))for(Z=1,R=T(X/81-.8);(A*t+24+(R*B-A)*Z/8^64+(R*A+B)*Z/8)%15>1;)Z++

Oct 28 2020 6: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).

Wolfendweet 3D #raycasting sans-bot no-clip

Show more comments…
u/pavel

The lack of x.fillStyle is amazing.
u/pavel

Save 3 chars by incrementing Z by .1 instead of doing the math every time: A=S(t);B=C(t);for(c.width=X=128;X--;x.fillRect(X,36-125/Z,Z**.5/7,250/Z))for(Z=0,R=T(X/81-.8);(A*t+24+(R*B-A)*Z^64+(R*A+B)*Z)%15>1;)Z+=.1
u/tomxor

Ah yes! thanks pavel :) I did try to get rid of Z/8 once but didn't go far enough with the constants as you did.
u/tomxor

Can also now play with the marching granularity more easily to get smoother results... although it's very slow without an SDF for the fractal for larger initial steps.
u/Xen

love it!
u/tomxor

#raymarching
u/13thptr

Nice dweet. Related: d/2961 d/7076
u/13thptr

#wolfenstein

show FPS hide FPS share 4 remixes fullscreen

tomxor

function u(t) {

eval(unescape(escape`𭁼𯀨𬠽𨐽𨠽𝠴𚐻𠐽𤰨𬠩𞱂👃𚁲𚐻𩡯𬠨𨰮𭱩𩁴𪀽𦀽𜐲𞀻𦀭𛐻𨐭👫𚡁𛁢𚰽𪰪𠠬𬠭👃𚁘𛰴𜀫𤰨𭁞𦠩𚐯𦠯𦠬𮀮𩡩𫁬𤡥𨱴𚁘𛀳𝠭𜑥𜰯𦠬𪰪𬠬𜡥𜰯𦠩𚑦𫱲𚁚🐱𛁒👔𚁘𛰸𜐭𛠸𚐻𚁡𚰨𤠪𠠭𠐩𚡚𛰸𧡢𚰨𤠪𠐫𠠩𚡚𛰸𚐥𜐵🠱𞰩𪰽𚁚𚰫𚠪𛠵𛐳𚐯𝁥𜰻`.replace(/u../g,'')))

Oct 26 2020 9:45 PM UTC

}// 140/140

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

Wolfendweet 3D #raycasting

Show more comments…
u/KilledByAPixel

🤯
u/DataMeta

🤩 #d3
u/magna

Wowstein!
u/neimad

You won Dwitter
u/tomxor

#raymarching
u/13thptr

#wolfenstein
u/xyper

this is my favourite dweet

show FPS hide FPS share fullscreen

Xen

function u(t) {

eval(unescape(escape`琿挮睩摴栽㔰〺栽㜵㭦潲⡶㵨㭶ⴭ㬩景爨礽栻礭ⴻ砮晩汬剥捴⡶⨴⬹㤬礪㐬丬丩⥦潲⡎㵄㴴㭘㵄⩶⽨ⵄ⼲ⱙ㵄⩹⽨ⵄ⼲ⱚ㵄⼲ⴹⱄ⬽搽⡘⩘⭙⩙⩃⡴⼶⭃⡄ⵘⵙ⤩⭚⩚⤯㤭ㄫ䌨堫琩⩃⡙⵴⤬⸱㱤⩎㬩中㴮1`.replace(/u(..)/g,"$1%")))

Sep 9 2020 6:12 PM UTC

}// 138/140

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

#storm http://www.p01.org/tea_storm/

u/tomxor

#raymarching

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/16179 by u/tomxor

function u(t) {

eval(unescape(escape`景爨汥琠栽䵡瑨⹨祰潴ⱷ㵣⹷楤瑨㴱㈰ⱘⱙⱚⱩ㴸攳ⱪⱳ㵓⡴⤪㈴㭩ⴭ㭸⹦楬汒散琨堽椥眬夽椯眬ㄬ栨堬娫眪䌨琯㈩⤯眩⥦潲⡪㴸ⱚ㵷㭪ⴭ㬩娭㵍慴栮浩渨栨堭㘰ⱙⴳ㐬娩ⴱ㠬栨堭㘰⵳ⱙⴳ㐭猬娭䌨琩⨴㠩ⴳ⤻`.replace(/u(..)/g,"$1%")))

Oct 19 2019 10:09 PM UTC

}// 140/140

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

Ray Marching SDF Orbit

u/tomxor

Includes local var perf improvement from u/pavel, union of two spheres with terrible fake shading and loads of marching artifacts :) just imagine a big ol' blury lense
u/aleamb

#sdf #raymarching
u/katkip

WOW

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/16178 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𫁥𭀠𦀬𦐬𦠬𭰽𨰮𭱩𩁴𪀽𜐲𜀬𬰽𜐶𛁩🐸𩐳𛁪𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𦀽𪐥𭰬𦐽𪐯𭰬𜐬𛠶𛑚𛰹𜀩𚑦𫱲𚁪🐳𛁚👷𞱪𛐭𞰩𦠭👍𨑴𪀮𪁹𬁯𭀨𦐫𤰨𦀯𬰭𭀪𜰩𚠴𛁚𚐭𝀫𠰨𝐪𤰨𦐯𬰫𠰨𦀯𝠭𭀪𜠩𚐫𝐪𤰨𦀯𬰫𤰨𦠯𬰫𦐯𝠫𭀩𚐩𚡓𚁙𛱳𚐪𠰨𦀯𭰫𭀯𜰩𚠴`.replace(/u../g,'')))

Oct 19 2019 3: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).

Ray Marching SDF Gentile Smoke

u/tomxor

#smoke
u/tomxor

... gentile but deadly
u/tomxor

#raymarching
u/13thptr

nice

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/16174 by u/pavel

function u(t) {

eval(unescape(escape`景爨汥琠堬夬娬眽挮睩摴栽ㄲ〬猽ㄶⱩ㴸攳ⱪ㭩ⴭ㭸⹦楬汒散琨堽椥眬夽椯眬ㄬ⸶ⵚ⼹〩⥦潲⡪㴳ⱚ㵷㭪ⴭ㬩娭㵍慴栮桹灯琨堭㘰ⱙ⼲ⱚ⤭ㄲⵓ⡙⽳⭴⨴⤪㘫䌨㔪匨夯猫䌨堯㘩⤫㔪匨堯猫匨娯猫夯㘫琪㠩⤫琩⨵`.replace(/u(..)/g,"$1%")))

Oct 19 2019 2:09 PM UTC

}// 140/140

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

Ray Marching SDF Smoke #improved resolution

u/tomxor

Exchanged marching depth for resolution... makes it a bit less 3D but a but more smokey i think.
u/tomxor

#smoke
u/tomxor

#raymarching

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/16169 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𫁥𭀠𪐽𝐶𜀰𛁷👣𛡷𪑤𭁨🐹𞐬𦀬𦐬𦠬𪠬𬰽𜐶𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𦀽𪐥𭰬𦐽𪐯𭰬𜐬𛠶𛑚𛱷𚐩𩡯𬠨𪠽𝀬𦠽𭰻𪠭𛐻𚑚𛐽𣑡𭁨𛡨𮑰𫱴𚁘𛐵𜀬𦐯𜠬𦠩𛑳𛑓𚁙𛱳𚱴𚠴𚐪𞀫𠰨𝐪𤰨𦐯𬰫𠰨𦀯𝠩𚐫𝐪𤰨𦀯𬰫𤰨𦠯𬰫𦐯𝠫𭀪𞀩𚐫𭀩𚠵`.replace(/u../g,'')))

Oct 19 2019 4:18 AM UTC

}// 134/140

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

Ray Marching SDF Smoke #improved fps

u/tomxor

huh, did not know about Math.hypot, also it's weird how sensitive V8 is to globals... or rather how it seems incapable of optimising them into locals itself.
u/tomxor

#smoke
u/aleamb

#sdf #raymarching

dwitter.net | #raymarching