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: #Opposites

show FPS hide FPS share fullscreen

Odog8

function u(t) {

c.width=200;for(j=A=50;j--+A;){for(l=A;l--+A;R=0){for(i=A;i--;T=
l*l/A+j*j/A+(R-3)**2-9
)T>0&&(R+=.1);x.fillRect(l+A,j+A,1,R/3)}}

Dec 17 2021 7:04 PM UTC

}// 130/140

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

raymarcher, middle is SDF, l and j are x and y, R is z

u/tomxor

#raymarching #sdf
u/tomxor

Interesting to see it done a little differently
u/f8f82804

#d3 #pbr #sphere

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/23088 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭼽󨼮󭽩󩍴󪌦󟝪󟜱󜌳󝬸󞽪󞽔󚼽󩌬󥌼󜜲󙭤󟬮󜝼󯍸󛭦󪝬󫍒󩝣󭌨󪬥󭼬󛜭󪬾󟬷󛍔󚭔󛼱󝌴󛍔󟜱󚜩󩭯󬬨󩌽󫬽󝌻󛜭󫬻󩌫󟜨󪌽󚍨󟜮󝜫󚍤󛝡󚜯󞜩󟬰󟽨󞬰󚜪󚌵󚭨󛝤󚽡󛜵󚜩󨜽󣝡󭍨󛭨󮝰󫽴󚍪󙝷󛼶󝌪󥌭󥌭󤼨󭌪󫬩󚬹󛍪󛼷󩜳󚭔󛝔󚽓󚍴󚭮󚭮󚜪󝌫󜼬󥌭󫬭󞜩󛝮`.replace(/u../g,'')))

Jun 12 2021 5: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).

Raymarching Metaballs

u/KilledByAPixel

Using raymarching, signed distance function, and smooth union!
u/KilledByAPixel

#metaballs
u/Xen

nicely!!
u/iverjo

Nice!
u/aleamb

#raymarching

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/22986 by u/tomxor

function u(t) {

for(c.width=p=w=64;a=R*S(t),b=R*C(t),p<3e3;u=p/32%2-1)C(Y=R*p/2e3-R/2)>T(S(u*b-a)*S(Y+t+a)*S(u*a+b))&R<8?R+=.1:x.fillRect(p%w,p++/w,R/9,R=1)

Jun 4 2021 7:31 PM UTC

}// 140/140

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

Indecisive Paint

u/tomxor

#raymarching
u/KilledByAPixel

Nice, looks alive!

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/21131 by u/tomxor

function u(t) {

for(c.width=p=w=64;a=R*S(t),b=R*C(t),p<3e3;u=p/32%2-1)C(Y=R*p/2e3-R/2)>T(S(u*b-a)*S(Y+t*3)*S(u*a+b))&R<8?R+=.1:x.fillRect(p%w,p++/w,R/9,R=1)

Jun 4 2021 12:27 PM UTC

}// 140/140

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

3D #raymarching version of "This Thing"

u/tomxor

We have to raymarch ALL OF THE THINGS now!

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/22909 by u/KilledByAPixel

function u(t) {

for(c.width=j=w=99;j<6e3;T+=.1)(j%w/50*T-T^T*j/5e3-t^T)%9||x.fillRect(j%w,j++/w,9/T,T=1)

May 31 2021 8:20 PM UTC

}// 88/140

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

Voxel Raycasting in 88 bytes!

u/KilledByAPixel

ncorporating tomxor's golfs plus a few more, increased resolution to 99 tall and tweaked the level gen
u/Xen

Nicely done!
u/tomxor

#raymarching
u/KilledByAPixel

higher resolution for(w=c.width&=j=10368;j;T+=.1)(j%w/64*T-T^T*j/8e3-t^T)%9||x.fillRect(--j%w,j/w,8/T,T=1)
u/timothytomato

#witchcraft

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/22883 by u/tomxor

function u(t) {

eval(unescape(escape`󭌿󨼮󭽩󩍴󪌽󭼽󝬴󞭘󟝙󟝚󟝒󟜵󞽦󫽲󚍡󟝓󚍒󚜬󨬽󠼨󤬩󛍰󟜳󩜳󞽰󛜭󞽘󛜽󪼪󨜬󦬭󟝫󚭢󛍙󚼽󪼪󠬬󤬭󟝫󚭁󛍸󛭦󪝬󫍒󩝣󭌨󬌥󭼬󬌯󭼬󜜬󜬭󝌯󩌩󚝦󫽲󚍁󟝰󙝷󛼳󜬭󜜬󠬽󬌯󜝥󜼬󩌽󜜻󚍘󚽤󚭁󚭢󛝤󚭡󧭙󚽤󚭂󧭚󛝤󚭁󚭡󛝤󚭢󚜥󜜵󟬱󞽤󚼽󛬱󚝫󟜨󜜭󜼯󩌯󩌩󛼲󩜴`.replace(/u../g,'')))

May 31 2021 3:37 PM UTC

}// 140/140

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

Leisurely Descending a #minecraft cave v2

u/tomxor

Less of a maniac miner... now that dwitter perf is better.
u/tomxor

#raymarching

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/22894 by u/KilledByAPixel

function u(t) {

for(c.width=j=w=64,i=2e5;i--;)(j%w/32*T-T^t+w+T*j/2e3^T)%7?T+=.1:x.fillRect(j%w,j/w,9/T,T=1,++j)

May 30 2021 11:40 PM UTC

}// 96/140

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

Sub 100 byte voxel raycasting!

u/tomxor

🤯 took a while to click: pixels and marching in a single for loop! + entire ray calculation inside the fractal (due to orthogonal camera rotation)
u/tomxor

-6 chars for(c.width=j=w=64;j<3e3;)(j%w/32*T-T^t+w+T*j/2e3^T)%7?T+=.1:x.fillRect(j%w,++j/w,9/T,T=1)
u/tomxor

#raymarching

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/22883 by u/tomxor

function u(t) {

for(c.width=w=64,a=S(t),p=3e3;B=p--/1e3;x.fillRect(p%w,p/w,2-7/T,T=1))for(A=p%w/32-1;(9-T*A-T*a^t*9+w+T*B|6-T*A*a+T)%15>1;T+=.1);

May 28 2021 10:49 PM UTC

}// 129/140

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

Voxel Descent ⛏️

u/KilledByAPixel

More golfed... for(c.width=w=64,p=3e3;p--;x.fillRect(p%w,p/w,2-7/T,T=1))for(A=p%w/32-1;(9-T*A-T*R^t*9+w+T*p/1e3^6-T*A*R+T)&3;T+=.1)R=S(t)
u/tomxor

#raymarching

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/22883 by u/tomxor

function u(t) {

t?t*=180:X=Y=Z=R=8
for(a=S(R),b=C(R),p=2e3;p--;x.fillRect(p,t,2-8/T,T=3))for(A=p/1e3-1,B=t/800;(X-T*a^Y+T*B^Z+T*(A*b-A*a-b))%15>1;T+=T/99);

May 28 2021 5:33 PM UTC

}// 139/140

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

Dweetcraft HD Render ⛏️

Show more comments…
u/KilledByAPixel

I just now realize the t? part isnt necessary
u/taupelink

whoa
u/KilledByAPixel

More golfed: for(a=S(8),b=C(8),p=2e3;p--;x.fillRect(p,t*480,2-8/d,8))for(d=3;(8-d*a^8+d*t^8+d*((p/1e3-1)*(b-a)-b))%15>1;d+=d/99);
u/Toby

what is this sorcery?!
u/rep_movsd

Even this dweet got 100x faster
u/tomxor

#raymarching

show FPS hide FPS share 3 remixes fullscreen

tomxor

remix of d/20405 by u/tomxor

function u(t) {

eval(unescape(escape`𭀿𨰮𭱩𩁴𪀽𭰽𝠴𞡘👙👚👒🐵𞱦𫱲𚁡👓𚁒𚐬𨠽𠰨𤠩𛁰🐳𩐳𞱰𛐭𞱘𛐽𪰪𨐬𦠭👫𚡢𛁙𚰽𪰪𠠬𤠭👫𚡁𛁸𛡦𪑬𫁒𩑣𭀨𬀥𭰬𬀯𭰬𜐬𜠭𝀯𩀩𚑦𫱲𚁁👰𙑷𛰳𜠭𜐬𠠽𬀯𜑥𜰬𩀽𜐻𚁘𚱤𚡁𚡢𛑤𚡡𧡙𚱤𚡂𧡚𛑤𚡁𚡡𛑤𚡢𚐥𜐵🠱𞱤𚰽𛠱𚑫🐱𩐭𝀭𜱥𛐴𛱤𛱤`.replace(/u../g,'')))

May 28 2021 12:53 AM UTC

}// 140/140

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

Descending a #minecraft cave

Show more comments…
u/tomxor

Significantly faster in Firefox! #raymarching
u/tomxor

Seriously, it's like 30x faster, this is going to be my test case for fixing Dwitter perf
u/KilledByAPixel

Wow! 🤯 Runs great in capjs ;) Though I did need to disable loop protect to get the full render.
u/DataMeta

this is insane
u/Xen

love it!
u/yonatan

you've outdone yourself!
u/13thptr

Speechless.
u/rep_movsd

I cant even!
u/rodrigo.siqueira

As @aemkei said: "This piece is insane!" https://twitter.com/aemkei/status/1398235717…
u/DaSpider

Wait. What?
u/tomxor

Woooo perf fixes are merged! :D Big shout out to u/LionLeaf and u/KilledByAPixel for working through this with me. Keep an eye out for issues and let us know on discord if you spot any regressions.
u/jellyedwards

That's incredible!
u/donbright

:o

dwitter.net | #raymarching