Dweets awesomed by u/oddbar

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

rep_movsd

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👑🐳𝀰𛁍🐶𜠴𛁚👑𛰲𛁱👴𙑍𯁸𛡲𫱴𨑴𩐨𛐷𚐬𪐽𣐻𪐭𛐻𚑦𫱲𚁨👩𘐽𚁴𚠶𜀥𣑼𜀩𙡩𘐽𬐬𬠽𪀿𦠫𞐺𦠭𝐰𞱲🠨𪐥𝐲🱨𚡚𞡚𛐳𜀩𞱲𛐭𚑸𛡦𪑬𫁒𩑣𭀨𤐫𠰨𪠽𪐯𞐹𛁙👓𚁪𚐪𬠪𜠩𚡲𛐨𡀽𚁙𚡙𚐪𚠮𝐩𚱓𚁄𛰱𞀩𚠹𚠨𦐾𜀩𛁙𚱍𛀳𛀹𚐊`.replace(/u../g,'')))

Jul 1 2021 9:58 PM UTC

}// 140/140

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

Dali's Melting Clock Animated #time #art

u/magna

Insane!

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

KilledByAPixel

remix of d/22741 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𪠽𜐹𝠬𫀽𚁲𛁡𚐽🡸𛡬𪑮𩑔𫰨𦀫👲𚡃𚁡𚐬𦐫👲𚡓𚁡𚐩𞱪𛐭𞱸𛡢𩑧𪑮𤁡𭁨𚁸𛡳𭁲𫱫𩐨𚐩𚑩👪𙐴𛁱👩🀲𛁙👫👪🠾𜠬𫠽𭀪𞐫𪰪𪰬𫀨𦀽𫠪𝠥𜐲𜐭𜰬𝰩𛁬𚁱🰳𞠷𛀲𚐬𫀨𬠽𝀭𬐬𨐽𠰨𫠫🐳𚡩𚐭𝐫𬐩𛁬𚁲𛁡𛐨𜠪𬐭𜐩𚠨𠰨𫠭𜠩𚰱𚐩`.replace(/u../g,'')))

May 10 2021 11:41 PM UTC

}// 140/140

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

Foot Race 🏁🏃‍♀️🏃🏃🏿‍♂️🏃🏻‍♀️🏃🏽‍♂️

Show more comments…
u/taupelink

omg!
u/magna

Holy crap
u/tomxor

Look at em go ! :P
u/lars-erik

🤯
u/andrea270872

Great stuff!
u/erin

was abt time for a good dweet. it's been dry lately!!
u/katkip

WHAT- #stickman
u/aleamb

wow! great!
u/tomxor

Cue "run meme" tune https://youtu.be/mw2kKyJu9gY?t=128
u/Xen

Love it!!
u/rodrigo.siqueira

If you change the "🐳" character to "X", they will run faster. If you change it to number "1", they will run on their knees. If you change it to "6", they will run jumping.
u/KilledByAPixel

Thank you all, this is one of my best. :)
u/Polyducks

What trick are you using here? Is the code minified into escape codes?
u/Polyducks

Omg killedbyapixel! I saw your byte battle last night!
u/Toby

this is beautiful quite apart from the dweetness!
u/KilledByAPixel

thank you! you can replace eval with throw to see the code.
u/sigveseb

Fantastic!
u/sigveseb

And lol u/rodrigo.siqueira, that is somehow much more hilarious than it should be!
u/vain

amazing scene

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/21967 by u/magna

function u(t) {

for(c.width|=i=9;i--;x.fillRect(-425+i*100,-103,99-p**.3*50,206))p=t/2%1,Z=2.26+p*7.34,x.setTransform(k=C(A=1.57*p)*Z,z=S(A)*Z,-z,k,960,540)

Mar 15 2021 4:28 AM UTC

}// 140/140

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

zooming #default #perfectloop

u/magna

I guess, also #fracture

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

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

dwitter.net | oddbar (3844)