Dweets awesomed by u/vain

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 fullscreen

nystrand

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𭰽𜡥𜰬𩰽𚁯𛁡𛁢𛁺🐶𙑢𚱩𙐳𚠷𛁚👺𛰸𞀸𚰮𜀳𛁖👩𙐳𚠸𞐩🐾𫠭𛐿𩰨𭀯𫠭𥠬𨠪𠰨𫰩𛑡𚡓𚁯𚐬𮠬𨐪𠰨𫰩𚱢𚡓𚁯𚐩𞡸𛡦𪑬𫁒𩑣𭀨𨐯𦠫𞐶𜀭𭰬𨠯𦠫𝐲𜀭𭰬𠠽𜠪𭰯𦠬𠠬𮀮𩡩𫁬𤱴𮑬𩐽𤠨𥠭𭰬𜠯𦠭𭰬𜐳𞐭𥠬𭰽𛠲𚐩𞱩𛐭𞰩𩰨𪐬𫠽𝠬𪐥𝰩`.replace(/u../g,'')))

Feb 26 2021 5:52 PM UTC

}// 140/140

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

u/rodrigo.siqueira

Amazing! Welcome back, Nystrand. I still remember the B&W version of this one (/d/14899). And your dweet d/4388 (Sierpinski witchcraft) is one of the most amazing I've ever seen. Thanks.
u/nystrand

Thank you Rodrigo!
u/vain

hot stuff. like the colors and motion blur

show FPS hide FPS share fullscreen

tomxor

remix of d/21621 by u/tomxor

function u(t) {

for(c.width&=m=i=8320;i--;x.fillRect(X=i&127,Y=i>>7,1,f(X/m+.01,Y/m)))f=(x,y,n=42)=>--n&&y/C(x+n/2+t)<2?f(x*x-y*y-1.5,2*x*y,n):n/16

Feb 8 2021 3:43 AM UTC

}// 131/140

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

Something #creepy #fractal :/

Show more comments…
u/tomxor

I find this really unsettling for some reason !
u/katkip

amazing
u/DataMeta

whoa
u/Qwitter

its too good
u/iverjo

This somehow reminds me of the flesh-eating plant (The Angostura) in Moomin
u/sigveseb

So many tentacles!

show FPS hide FPS share fullscreen

tomxor

remix of d/21572 by u/tomxor

function u(t) {

for(c.width&=i=8320;i--;x.fillRect(
48+X/2+Y/128*S(X/3+Y/24-t*6),8+Y/2,V<80|V<96&X/4&1,X/32^Y/96+.5?.1:.3
))X=i%64,Y=i/64,V=Y-Math.abs(X-32)

Feb 3 2021 12:37 AM UTC

}// 140/140

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

Moar! #medieval #flag #banner

u/aleamb

amazing remix!!
u/danny@hille.dk

Man you know your bit math! Impressive
u/UEZ

I'm astonished how you transfer the idea/vision to code. Awesome... :-)

show FPS hide FPS share 3 remixes fullscreen

Xen

remix of d/21250 by u/rodrigo.siqueira

function u(t) {

for(i=2e3,f=g=>(1+t)*i*g(i*i)*g(i+t/19);i--;x.fillRect(950+f(C),540+f(S),8/t,9/t))x.fillStyle=`hsl(${t*9},80%,${S(i/1e5+t)*99}%,.2`

Jan 13 2021 7:19 PM UTC

}// 131/140

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

quick test

u/Qwitter

wow
u/iverjo

Very nice! #coralreef
u/joeytwiddle

An attractive Xen dweet? Must be 2021. Nice one!

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

rodrigo.siqueira

remix of d/21203 by u/rodrigo.siqueira

function u(t) {

c.style.filter="blur(7px)contrast(5)invert("
for(c.width|=i=999;i--;x.fillRect(960+i*S(i/8),999-i*T(t+i*i),25,50))x.fillStyle=R(0,i/9,i)

Jan 8 2021 12:35 AM UTC

}// 136/140

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

This dweet is on fire #fire

u/danny@hille.dk

Wow - cool... or... hot!
u/Xen

love it
u/aleamb

amazing!
u/vain

Wow! What for a nice trick to archive this amazing fire fx. Just hot 8D

show FPS hide FPS share 6 remixes fullscreen

yonatan

remix of d/16195 by u/yonatan

function u(t) {

eval(unescape(escape`𬐽𨰮𭱩𩁴𪀽𞐹𞱦𫱲𚁶𨑲𘁭🐳𜀬𨐬𪠬𪰬𪐻𫐭𛐻𚑦𫱲𚁮🐱𛑭𛰳𜀬𪐽𬐻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁩𛁡𚠨𜠹𛑭𚐯𜠬𜐬𬐬𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀲𜀰𛀤𮱭𚠳𯐥𛀤𮰵𜀫𤰨𫠪𝀩𚠵𜁽𙐩𨀩𚑦𫱲𚁡🐳𛁪🐱𜠻𪠭𛐻𨐫👓𚀨𚁴𛱭𚡱𚱩𚐫𞐪𤰨𫐪𪰩𚐪𪰯𞐩𛱫𚑫🐲𚠪𪠻`.replace(/u../g,'')))

Nov 18 2020 5:52 PM UTC

}// 140/140

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

much faster in firefox

Show more comments…
u/danny@hille.dk

NICE!
u/tomxor

Woah!! The low res makes it feel more real for some reason.
u/DataMeta

AMAZING #landscape
u/ciaccodavide

wow D:
u/rep_movsd

This is amazing
u/Xen

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

dwitter.net | vain (17039)