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

tomxor

function u(t) {

x.fillRect(0,0,i=2e3,i)
for(t+=160;p=i&1,m=t/C(t/i)+p*(t/2+i%t),i--;)x.clearRect(
960+m*S(n=t/9+i*i)*C(!p*i/t),
540+m*C(n+p*2),s=3-C(n)*3,s)

Oct 17 2018 8: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).

#space #planet #saturn

Show more comments…
u/joeytwiddle

Wow, beautiful! I am blown away. #dots #lighting #shading
u/lionleaf

Wow! That's amazing
u/magna

WOW!
u/sigveseb

no way!
u/yonatan

beautiful!
u/jellyedwards

That's incredible, well done!
u/jellyedwards

If you change this bit too use t it's like Saturn uses its ring as a hula hoop: 540+m*C(n+p*t)
u/katkip

woow... gj bro
u/keithclark

Nice!!!
u/aleamb

wow! superb!
u/iverjo

That's pretty rad
u/rnbw

my mind is officially boggled o_o
u/Purpzie

This is absolutely beautiful.
u/tomxor

Thanks for all the kind comments :) for those interested: the key is in the parity bit p=i&1 this allowed me to combine two different but similar functions by multiplying parts in an out on each iteration. You should be able to pull the two apart into something more intelligible.
u/magna

@tomxor are you on Twitter as @tomxor by any chance?
u/tomxor

I am not, nor am I on any other social network... unless you consider Github one :P but a different pseudonym..
u/jylikangas

Beautiful dweet!
u/aleamb

The Cosmos is all that is, or ever was, or ever will be. The contemplation of the this Cosmos stir us.
u/Renaud___

so Beautiful
u/ivylab

This is absolute badass
u/vain

OMG! This part blew me away!
u/jdspugh

Well done!

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𜐹𜠬𤠽𝀸𛁩🐸𜀶𝀻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁓𚰹𝠬𥀫𝐴𛁃𚁍𨑴𪀮𨑴𨑮𜠨𤰽𪐥𞐷𛑒𛁔👩𛰹𝰭𤠬𬠽𚁓𚡓𚱔𚡔𚐪𚠮𝐩𚠹𚐪𜠰𛑲𙠴𝀦𙡲🠳𝠿𬠼𝀲🱔𛱒𞡓𛱒𞠱𛁲🠳𝠿𬠼𤠺𮠨𜰩𛰵𚐩𮠽𫠽🡮𛐭𙠦𠰨𥀯𜠫𤰪𥀯𤠫𭀪𞐩𚡃𚁔𛰴𛑺𚁮𚐪𜠩𛑲𛰶`.replace(/u../g,'')))

Nov 13 2020 1:17 AM UTC

}// 140/140

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

#stargate

Show more comments…
u/DataMeta

wow WHAT
u/DataMeta

super rad combo of that fluid/smoke technique from a while back and the recent 2.5D Doom texture tricks!
u/chris@grimtech.net

Is this an incoming or outgoing wormhole? thanks
u/magna

WHAT.
u/sigveseb

Holy smokes!
u/tomxor

https://news.ycombinator.com/item?id=25088683
u/aleamb

brutal! amazing!!!
u/rep_movsd

This is one of the all time greats
u/Xen

Yess!
u/UEZ

Awesome. One rookie question: where are the color values saved?
u/red-lady

Stargate!!
u/tomxor

@UEZ the width and height of fillRect are used, when less than one pixel it will interpolate the alpha channel in proportion to the area. The same happens when an edge lies between two pixels (anti-aliasing).
u/UEZ

@tomxor: thanks for your fast reply. :-) That's what I thought but when will width used, when height? I'm trying to under JS by converting it to FB.
u/UEZ

*understand
u/tomxor

The following are equivalent when the values of w and h are between 0 and 1: fillRect(0,0,w,h) == fillRect(0,0,w*h,1). This is because the alpha channel of this pixel value is roughly proportional to the subpixel area (w*h). In terms of the patern we are trying to create, multiplication it's like the continuous version of AND, i.e the binary version is 1 IF w AND h. Additionally a lot of characters are saved when separating into w and h because we dont need to wrap the actual subexpression used to create w and h in parens and multiply them i.e fillRect(0,0,(.1+.2)*(.3+.4),1) becomes fillRect(0,0,.1+.2,.3+.4), that's -5 chars!
u/UEZ

@tomxor: thx.
u/nystrand

epic!
u/jelmo

Nice
u/vain

Wow! This seems to be your stargate... Seems you are not from this world! Incredible!!!

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 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

show FPS hide FPS share 3 remixes fullscreen

tomxor

remix of d/21533 by u/New_Core

function u(t) {

for(c.width&=i=6272;i--;x.fillRect(40+X/2+X/48*C(X/8-Y/8-t*7),8+Y/2+X/6+X/12*S(X/16-t*3),2,i?X/36-1.3|Y/10-3|X+1&4?.06:.36:63))X=i%98,Y=i/98

Feb 1 2021 5:00 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 #flag

Show more comments…
u/ciaccodavide

nice!
u/Xen

swish
u/erin

why do I always start dwitter movements
u/erin

first it was me reviving filters, now it's flags
u/tomxor

Maybe the theme of the month should be a person... this month it's erin :P
u/danny@hille.dk

I like this a bunch
u/KilledByAPixel

nice!
u/jellyedwards

Amazing
u/magna

Yes!
u/neimad

how?????
u/aleamb

wow!!
u/Qwitter

antastic!
u/Qwitter

*Fantastic!
u/joeytwiddle

Beauty
u/joeytwiddle

Firefox users: If it's too dark, change ,2, to ,.2,

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 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/19006 by u/tomxor

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀽𛐱𞱴🱰𛡭𨑰𚀨𦱁𛁂𧐬𪐩🐾𬀽𬀮𫑡𬀨𚁛𨐬𨡝𛁪𚐽🠨𦀽𠐭𨐬𦐽𠠭𨠬𬠽𦀪𦀫𦐪𦐬𬠯👲𛰶𛐹𝠬𪠭𪐼𜰦𪠾𪐿𦱡𚱘𛱲𛁢𚱙𛱲𛁸𛡭𫱶𩑔𫰨𠐬𠠩𛁸𛡬𪑮𩑔𫰨𨐬𨠩𧐺𦱡𛁢𧐩𚐩𞡰👛𧐻𬁛𭀪𜰦𜰱𧐽𦰹𞐫𤰨𭀩𚠴𞀬𞀰𚱃𚁴𛰳𚐪𝀸𧐻𮀮𬱴𬡯𪱥𚀩`.replace(/u../g,'')))

Jun 2 2020 1:36 AM UTC

}// 140/140

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

#zhezhi #origami #physics

Show more comments…
u/tomxor

#waitforit ...
u/tomxor

Thanks u/nburn42 for suggesting lines
u/tomxor

Fold your own: ;onmousemove=e=>p[t*3&31]=[e.x/2,e.y/2];
u/ntsutae

Awesome
u/nburn42

Love it
u/KilledByAPixel

Amazing, hey tomxor, I'd like to get you involved in a project I'm working on, how can I contact you?
u/katkip

amazing
u/username

fucking sick
u/aleamb

WOW!
u/magna

WHAT
u/katkip

#witchcraft
u/rafroller

AMAZING <3
u/donbright

!!!!!!!!!!!!!!!
u/vain

Incredible! It lives... But i'm lost for words

show FPS hide FPS share 5 remixes fullscreen

tomxor

remix of d/19547 by u/tomxor

function u(t) {

for(c.width=w=127,i=8e3;i--;t?p&T[r=t&2?i-w-r%3:i+w+r%3]<1&&--T[i]&++T[r]:T[i]=r%3)p=T[i],x.fillRect(X=i&w,Y=i>>7,1,p/3),r=i*t^Y/6&X/6

Jul 29 2020 11:41 AM UTC

}// 134/140

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

#Serpinski #Hourglass v2

Show more comments…
u/tomxor

Removed the pseudo random left bias and made 1 bit, more sandy :)
u/tomxor

#sand #electric
u/magna

This is epic.
u/KilledByAPixel

amazing!
u/13thptr

incredible
u/13thptr

incredible
u/DataMeta

phenomenal #physics
u/Xen

lovejit
u/tomxor

Thanks u/KilledByAPixel for the original idea and implementation!
u/IV

ooh, you do the best stuff!
u/andrea270872

Wow!
u/donbright

these are incredible
u/joeytwiddle

Impossible! 🤩
u/vain

cool

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀽𜐸𜀻𨰮𬱴𮑬𩐽𙱦𪑬𭁥𬠺𨡬𭑲𚀱𬁸𚑩𫡶𩑲𭀨𙰻𩡯𬠨𭀯🐱𜠬𪐽𜱥𜰻𫐽𪐦𜐬𭠽𜐶𛑭𚠲𛁰🐵𚠨𪐥𝀸🀱𞀩𛁩𛐭𞰩𮀮𩡩𫁬𤡥𨱴𚁭𚠵𜀫𞀰𚱰𚡓𚁐👩𚠪𛠷𚱴𚐫𭠪𠰨𥠽𪐪𚠮𝐫𭀭𭀪𫐪𜐮𝐩𛁭𚠲𜀫𝀰𚱰𚡃𚁐𚐫𭠪𤰨𥠩𚡃𚀡𬀪𪐩𛀱𛀮𝰭𫐪𛠵𚐻`.replace(/u../g,'')))

Mar 15 2020 12:14 AM UTC

}// 140/140

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

The Enemy

Show more comments…
u/tomxor

#coronavirus
u/sigveseb

Incredible!
u/katkip

This is extremely #realistic. I'm scared.
u/joeytwiddle

Good render! #virus #organic Here is a great 1 hour documentary about viruses: https://www.dailymotion.com/video/x6agslv
u/aleamb

amazing! fucking amazing!
u/DataMeta

wow, fantastic!
u/KilledByAPixel

😷 Even Dwitter is not safe!
u/Odog8

how though???
u/lionleaf

Insane!
u/lionleaf

I didn't even notice that it was animated at first :O
u/Cloud

#koronavirus
u/vain

What? How does this work? I am speechless... (incredible animated corona/cell)

dwitter.net | tomxor (4777)