Top #shadow 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: #Food

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

yonatan

remix of d/10837 by u/veubeke

function u(t) {

c.width=i=w=300
x.font='6em"',
x.fillText('Shadow',S(t)*99,m=99)
for(i;i--;x.fillRect(0,i,w,i/w))x.drawImage(c,0,m-i,w,1,-i*4,m+i,w+i*8,.2)

Nov 5 2018 4:01 PM UTC

}// 139/140

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

u/iverjo

Wow! Nice #shadow technique

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/32691 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𤠽𪐽𜐹𜠰𚠨𭀼𝐩𞱩𞱙𚠲𚰳🁃𚁡👘𚠴𙐴𛐱𚐪𠰨𨠽𜐭𥀪𜠥𜰩𯁡𚡡𚱢𚡢🀨𦐪𦐫𛠱𚐯𜡼𦐾𜑼𥀾𝠿𥀭𤠿𮀮𩡩𫁬𤡥𨱴𚀭𛑩𛑃𚁩𚡩𛱴𚐯𜠬𭀪𜠴𜀭𞐬𥀽𤠽𚁘𚱙𛑔𛰳𚐯𝐬𝀩𞡒𛐽𪀺𥀭𤠿𥀫👨𞡔👒𚰽𪀽𛠰𝀩𦀽𪐯𞐶𜀪𤠭𥀫𞀬𦐽𭀯𝀪𤠭𥀯𜐮7`.replace(/u../g,"")))

Jan 22 2025 7:05 PM UTC

}// 138/140

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

Tomxor's Mysterious Cavern

u/joeytwiddle

#lighting #shadow #stochastic #scene

show FPS hide FPS share fullscreen

tomxor

remix of d/28068 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭰽𨰮𭱩𩁴𪀦👩🐸𜰲𜀻𪐻𫀾𜐦勺𦐫𨠪𥀩𙠨𤠫𩀪𥀦𦀫𨐪𥀼🀲𚐼𝀿𥀿𥀯🐮𞐺𤠫🐮𜐺𥀿𥀦👸𛡦𪑬𫁒𩑣𭀨𛐭𪐥𭰬𪐾🠷𛀱𛐱𛱬𛁒🐱𚐺𤠭👔🐮𜐩𦀽𪐥𭰯𝠴𚡒𛑒𛁙👩𛰸𩐳𚡒𛑒𛰲𛁬👍𨑴𪀮𪁹𬁯𭀨𨐽𤰨𭀩𚠳𛑘𛁢🐱𛑙𛁤👃𚁴𚐪𜰫𝐭𤠩𚠨𜠭𥀩`.replace(/u../g,'')))

Sep 4 2025 11:35 PM UTC

}// 139/140

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

If Wolfenstein 3D had Dynamic Lighting

Show more comments…
u/lewdev

Holy crap! Another table flipping dweet! This is amazing!
u/jellyedwards

Wow that's incredible
u/joeytwiddle

Great!! #light #lighting #shadow
u/magna

-1 missing unit tests
u/cantelope

...
u/joeytwiddle

#hiddengem

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󞜻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚌹󞜪󪜫󝜴󜌬󝜰󜌬󝜰󛌲󜌰󚜩󨼮󬽴󮝬󩜮󨭡󨽫󩽲󫽵󫭤󟜧󫍩󫭥󨝲󛝧󬭡󩍩󩝮󭌨󘼱󝝡󘌰󙜬󘽦󨬷󘌵󝬥󛌣󞌵󝬠󝬶󙜬󘼱󜼵󘌹󞜥󚜧󒭦󫽲󚍗󟜶󝬰󚬡󭌻󥼭󛜻󮌮󩍲󨝷󢝭󨝧󩜨󨼬󛝗󛍗󛌱󞜲󜌫󜬪󥼬󜜴󞌰󛝗󚜩󮌮󩽬󫽢󨝬󠝬󬍨󨜽󛬰󜌵`.replace(/u../g,'')))

May 3 2024 9:51 PM UTC

}// 137/140

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

Dwitter Horizon #default #sunset #shadow

u/magna

Nice!
u/jdspugh

Great!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/31700 by u/rodrigo.siqueira

function u(t) {

for(x.reset(i=1e3);i--;)for(j=9;j--;x.fillRect(W,i/4+282,51,2))W=99*j-99*S(t)+600,x.fillRect(W+i*j/2-i*2.2+i*S(t),534+i,20*(i*3+360)/140,.7)

Nov 16 2024 9:47 PM UTC

}// 140/140

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

Perspective #default #shadow

u/Agnes

It's a shame all of these x.reset() dweets don't work on iOS... :(
u/rodrigo.siqueira

...thanks for letting me know about this iOS limitation. So, I’ll stop using x.reset and go back to using c.width instead.
u/0x61

Should be noted reset is working fine in iOS 18.1
u/magna

Dwitter could also monkey-patch 2d context to get x.reset() working

show FPS hide FPS share 1 remix fullscreen

veubeke

function u(t) {

c.width^=0
for(i=9;i--;)for(k=20;k--;x.fillRect(960+(_=i*5+S(t)*15-28)*($=20+k/2),k?600+k:400,50*$/20,k?1:200))x.fillStyle=R(0,0,0,k?.8/k:1)

Oct 11 2018 8:57 PM UTC

}// 140/140

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

#default

u/joeytwiddle

#shadow Nice!
u/donbright

greatness

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

c.width*=1;f=a=>{if(a>10)x.beginPath(),x.arc(950+C(a/850+t)*a/2,540+S(a/850+t)*a/2,500-a,0,7),x.stroke(),f(a-1.5)}
f(500)

Feb 2 2019 5:02 PM UTC

}// 121/140

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

#shadow effect #d3 code upview

You've reached the end.

dwitter.net | #shadow