Dweets awesomed by u/Woodmouth

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

rodrigo.siqueira

remix of d/21251 by u/rodrigo.siqueira

function u(t) {

for(i=2e3,f=g=>i*g(i*i)*g(i/t)**.3;i--;x.fillRect(960+f(C),700-f(S),9/t,9/t))x.fillStyle=`hsl(${t*i/9},99%,${S(i*i+t)*99}%,.1`

Jan 20 2021 3:26 PM UTC

}// 126/140

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

Volcano sky

u/danny@hille.dk

I dig it!
u/magna

OMG
u/magna

I could hang this in my living room

show FPS hide FPS share 3 remixes fullscreen

tomxor

remix of d/21217 by u/tomxor

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐽𙱦𪑬𭁥𬠺𪑮𭡥𬡴𚀧𞱦𫱲𚁬𩑴𘁺𛁁𛁂𛁮𛁘𛁙𛁩🐱𝠻𪐻𦀫👁𛁙𚰽𠠩𦐪𦐼𝁥𝐦𙡘𛰴𜠵𯁙𛰹𞑼𦀯𜠵𚰱𝰦𜠿𮀮𩡩𫁬𤡥𨱴𚀹𝠰𚱘𛀵𝀰𚱙𛁮𛰫𚱺𚠪𛠴𛀮𜀴𚐺𚁺🐱𛁁👓𚁲🐭𛑮🱴𚠪𪐪𫠺𭀯𪐥𜐮𝠭𛠸𚐬𠠽𠰨𬠩𛁮𚑼𯀨𫠽𞀬𦀽𭀬𦐽𪐭𛐭𝠴𜀩`.replace(/u../g,'')))

Jan 17 2021 7: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).

2D #raymarching #globalillumination #default

Show more comments…
u/tomxor

Now we have a bitwise default :) X/425|Y/99|X/25+17&2
u/DataMeta

ahhhh this is so cool :)
u/Qwitter

This is the best Dweet I have ever seen in my life .
u/magna

!!
u/ciaccodavide

best default ever.
u/neimad

You won Dwitter
u/smtsjhr

You are doing God's Work
u/pavel

That's a fantastic use of 194 chars. Makes 140 dweets look mediocre.
u/Qwitter

This Dweet is forever burned in my mind. Literally brought tears to my eyes. Great Job Tomxor
u/dull_pixel

#raytracing

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/21217 by u/tomxor

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐽𙱦𪑬𭁥𬠺𪑮𭡥𬡴𚀧𞱦𫱲𚁬𩑴𘁺𛁁𛁂𛁮𛁘𛁙𛁩🐱𝠻𪐻𦀫👁𛁙𚰽𠠩𚀴𜀫𦀯𝀸𧠱𝠫𦐯𝀸𚐥𜐵🠱🱸𛡦𪑬𫁒𩑣𭀨𦀬𦐬𫠯𚰫𮠪𚠮𝐬𜐯𞀩𞠨𮠽𜐬𬠽𚁮𚰷𚐪𚡩𚡴𛁁🐲𚡓𚁲𚐬𠠽𜠪𠰨𬠩𛀭𛑮𚑼𯀨𫠽𞀬𦀽𞐱𜀫𠰨𭀩𚠹𞐬𦐽𝠵𝀫𤰨𭀩𚠹𞐬𛐭𪐩`.replace(/u../g,'')))

Jan 12 2021 1:02 PM UTC

}// 140/140

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

Circle of Light

u/tomxor

:D I tried a similar thing at one point. Making the source this wide has some interesting affects on the shadows in this scene.
u/ciaccodavide

yeah! It's fun playing with the light source! And raymarching is awesome, I still need to look at your code to understand it better "^_^
u/tomxor

Give me a shout on discord if you've any questions. One part I'm still trying to understand is the probability distrubution of the reflections which I accidentally got non-uniform (which is good for diffuse, ideally want it lambertian) due to how no correction is made upon intersection.

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

rodrigo.siqueira

remix of d/21095 by u/rodrigo.siqueira

function u(t) {

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

Jan 7 2021 9:52 PM UTC

}// 139/140

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

Fuzzy color double spiral #spiral

u/Xen

nice!
u/magna

Nice technique/style! Looks like sooty/mossy concrete. #texture

show FPS hide FPS share 1 remix fullscreen

geb

remix of d/20532 by u/ntsutae

function u(t) {

X=1e3,Y=X/2
for(c.width|=i=2e3;i--;x.fillRect(X+=C(d*=11/7),Y+=S(d),5,5),x.fillRect(2e3-X,1e3-Y,5,5))d=S(S(i/120+t-i/99))*3

Nov 9 2020 5:29 PM UTC

}// 124/140

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

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/20439 by u/rodrigo.siqueira

function u(t) {

for(i=2e3,f=(X,Y,n=135)=>X**3/Y<42?f(X*X-Y*Y-.8,2*X*Y+.2,n-3):x.fillStyle=`hsl(${6*n},90%,${n}%`;i--;x.fillRect(i,t*60,1,i))f(i/5e3-.7,t/85)

Nov 1 2020 6:18 PM UTC

}// 140/140

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

"The Thread. The world is an infinite tapestry. There is a thread that runs between any two people, no matter when they lived or where. Find a thread and follow it." (The Teller of Tales) #fractal #pickover #spiral

u/magna

WOW

show FPS hide FPS share fullscreen

solendil

function u(t) {

r=`7213457’s416561his4.`
for(i in r)`t32# because # was a Catholic#her# mo0#, and #3 fa0#Nory`.split`#`.map((t,i)=>r=r.replace(i,t))
throw r

Oct 20 2020 2: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).

..or had been. -- Nicholson Baker, The Everlasting Story of Nory

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/19550 by u/tomxor

function u(t) {

for(w=c.width&=i=8320;i--;u[i]=t?p<w?r%.7*(p+u[i-w]+u[i-w+1])&w-1:p:(~r-14&16)<<r*.6)p=u[i],x.fillRect(i%w,Y=68-i/w,1,p**.4/7-Y/w),r=i*t^i&Y

Aug 19 2020 11:53 PM UTC

}// 140/140

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

#castle #fire

Show more comments…
u/tomxor

Took some hints from d/11257 for the fire, but made it more minimal. Thanks to u/KilledByAPixel for the c.width&= trick that allowed to fit some nicer gradient and fire effect.
u/jellyedwards

That's incredible! How does the c.width&= trick work?
u/KilledByAPixel

c.width is 1920, 1920 & 8320 is 128, this way you don't need to write 128 for the width
u/tomxor

This is a bit verbose, but I found it easier to understand in binary: 1920 == 0b0000011110000000; 8320 == (8192 | 128); 8320 == 0b0010000010000000; (1920 & 8320) == 0b0000000010000000. In other words i needs to be roughly 8e3 to fill the screen, 8192 (the 14th bit) is not in 1920 so we can use it without affecting w. w needs to be quite small, 128 (the 8th bit) is the lowest bit available in 1920, which is why it's produced with AND.
u/magna

This is nuts.
u/magna

Please do a write-up on this Dweet.
u/jellyedwards

Thanks for the explanation
u/aleamb

absolutly amazing
u/DataMeta

+1 to magna's request
u/joeytwiddle

Pretty great!
u/13thptr

What u/magna said.
u/Xen

Sexy business right here
u/tomxor

Ok why not, I will do writeup, but need to make blog first :P I will post here and discord when done.

dwitter.net | Woodmouth (6452)