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

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/21135 by u/Pascal

function u(t) {

for(c.width=64,i=1023;X=i&31,Y=i>>5,i--;)
x.fillRect(16+X,Y,1,!~~T(T(S(X*.8-12)*S(Y*.8-12)+t/31)+t/3))

Jan 5 2021 5:10 PM UTC

}// 102/140

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

Acid on Chess

u/smtsjhr

nice blotter design

show FPS hide FPS share fullscreen

tomxor

remix of d/21135 by u/Pascal

function u(t) {

for(c.width&=i=8320;i--;)x.fillRect(X=i&127,Y=i>>7,1,!~~T(T(S(X/8+Y/8)*S(Y/8-X/16)+t/16)-T(t/16)+.79))

Jan 5 2021 3:07 PM UTC

}// 102/140

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

Portal Chess - Warning Flashing Images

u/DataMeta

cool effect! the bitwise AND + bitshift technique is so rad

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/21120 by u/tomxor

function u(t) {

for(c.width&=i=8320;i--;)
x.fillRect(X=i&127,Y=i>>7,1,Y/4-8>T(T(d=S(X/4)*S(Y/4+t*4)))&&.5+d/4)

Jan 4 2021 2:21 PM UTC

}// 94/140

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

Shaded

show FPS hide FPS share 3 remixes fullscreen

tomxor

remix of d/21114 by u/magna

function u(t) {

for(c.width&=i=8320;i--;)
x.fillRect(X=i&127,Y=i>>7,1,Y/4-8>T(T(S(X/4)*S(Y/4+t*4))))

Jan 3 2021 11:45 AM UTC

}// 84/140

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

Smolr

u/DataMeta

bravo
u/magna

83, if you roll the second line up

show FPS hide FPS share fullscreen

tomxor

remix of d/20689 by u/yonatan

function u(t) {

for(c.width=64,i=2e4;Z=--i>>9;T=k^64?T+S(Z+C*k/9+9/Z*t*k)/k:x.fillRect(C=i/8&63,T*9-T*Z/3,1,l=Z*32-Z*Z,x.fillStyle=R(l,l+Z,l/.8))|3)k=1<<i%8

Nov 19 2020 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).

One for loop to rule them all... with a moderate chance of rain

Show more comments…
u/tomxor

This was a tough golf! thanks for the challenge and awesome dweet yonatan :)
u/DataMeta

I like this golfed rendition! :]
u/yonatan

i think i like this better than the original :)
u/yonatan

what's the deal with the k^64 tho? seems like it'd spend 64 iterations building the fbm in T and then 64 more doing fillRects??
u/yonatan

k&63 I'd understand...
u/yonatan

oh right, k isn't the loop counter
u/yonatan

-1 char with i&7: for(c.width=64,i=2e4;Z=--i>>9;T=i&7?T+S(Z+C*k/9+9/Z*t*k)/k:x.fillRect(C=i/8&63,T*9-T*Z/3,1,l=Z*32-Z*Z,x.fillStyle=R(l,l+Z,l/.8))|3)k=1<<i%8
u/danny@hille.dk

Use the saved char to boost performance with i=15e3
u/danny@hille.dk

This is a fabulous golf👍
u/danny@hille.dk

excellent work u/tomxor
u/tomxor

Thanks Danny :)

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/20657 by u/dnmc

function u(t) {

for(c.width&=i=8320;i--;)
x.fillRect(X=i&127,Y=i>>7,
k=S(8*t+X*X+Y*Y+X*Y)+.5,k)

Nov 18 2020 1:33 AM UTC

}// 79/140

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

Nano Snakeskin

u/bandaloo

this is great! i'll definitely be using this substitute for a doubly-nested for loop
u/DataMeta

agreed, cool trick! even more succinct than the nested hack I've been using, and the perf increase from bitwise ops is welcome
u/tomxor

Yes, I've used this so much, I guess it's just more obvious in this one. I've taken technique a step further in d/20707 converting yonatan's 3 loops into one. bitwise can be very powerful to manipulate the variables a loop traverses.

show FPS hide FPS share fullscreen

tomxor

remix of d/20584 by u/tomxor

function u(t) {

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

Nov 14 2020 1:20 PM UTC

}// 139/140

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

#stargate connected to a world with a #blackhole

u/tomxor

From "A Matter of Time" episode, requested from u/nbevans on HN.

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

dwitter.net | tomxor (5335)