Dweets awesomed by u/jylikangas

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 1 remix fullscreen

tomxor

remix of d/25008 by u/Joachim

function u(t) {

for(c.width=w=i=128;++i<9e3;x.fillRect(C=i%w,T=i/w,u=w/T,.4+!~~s-T/2*(s/2&l)))s=2*C/T-u-S(t+u/3)*u/2,l=8*t+u&1,x.fillStyle=R(u*16,s*8|l||i)

Feb 23 2022 2:22 AM UTC

}// 139/140

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

Smolr #road into the #sunset

Show more comments…
u/tomxor

Combined the three separate fills/clears by inverting the technique to render each pixel. road=!~~s buildings=s/2&l lines=s*8|l
u/KilledByAPixel

wow!
u/pavel

That's amazing
u/magna

wow
u/Joachim

That is so awesome!
u/rep_movsd

This has to be one of the all time greats #underrated
u/stephanegeorget

incredible!
u/danny@hille.dk

Superb!
u/danny@hille.dk

for(c.width=w=188,i=2e4;i--;x.fillRect(C=i%w,T=i/w,u=w/T,.4-T/2*(s/2&l)))x.fillStyle=R((f=9*(s=2*C/T-u+S(u/2+t)*u/4)|(l=8*t+u&1)||w)+u*19,f+u*7,f)
u/tomxor

Oh nice, that one feels more toasty @Danny
u/Odog8

Woah! nice work
u/joeytwiddle

Amazing! Another impossible dweet!

show FPS hide FPS share fullscreen

New_Core

function u(t) {

with(x)for(c.width|=d=i=200;i--;fill())a=i%20,beginPath(fillStyle=R(d-a*9)),arc(960+700*C(q=~~(i/20)*.63+t%.63),540+d*S(t+q),a*S(q)+a*4,0,7)

Feb 2 2022 12: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).

show FPS hide FPS share 1 remix fullscreen

doppelgünther

function u(t) {

c.width=800
m=60
for(i=0;i++<m;){
f=10+i/m*730
x.fillRect(f,40,10,100+(C(t+i*3)+1)*50)
x.fillRect(f,400,10,-100+(C(t+2+i*3)+1)*-50)
}

Jan 7 2022 12:51 AM UTC

}// 133/140

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

check out this negative space spirally boi

u/joeytwiddle

#helix
u/vain

very cool fx !

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󜼰󜌊󒭸󦽦󟜧󩭩󫍬󤭥󨽴󙽝󚌱󝌳󛍢󟜵󜌫󠼨󜬵󚽴󚬱󜬩󚬵󛌲󜌬󜜵󚜊󩭯󬬨󪜽󝌻󪜭󛜻󮍛󩭝󚍩󙬦󮬭󚍩󚬹󞜫󭌪󝜰󚜥󮬬󞜵󛍩󟼲󞭺󛌱󛝩󚬵󚜩󮍛󩭝󚌱󝜰󛝃󚍡󟝩󚬹󛬴󚽴󚬶󚜪󜜵󛌸󞜭󚍓󚍡󚜾󜌿󤼨󨜩󚬲󜌺󜌩󛌶󛌶󚜬󮌮󨽬󩝡󬭒󩝣󭌨󜜵󞌭󪜪󞜬󨬫󝬬󜼬󜼩`.replace(/u../g,'')))

Dec 31 2021 4:27 PM UTC

}// 140/140

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

walker

u/rep_movsd

ouch! it stepped on a spike
u/tomxor

:) I can hear this
u/Joachim

Larger implementation here --> https://joachimford.uk/content/snakes_and_la…

show FPS hide FPS share 5 remixes fullscreen

KilledByAPixel

remix of d/23975 by u/tomxor

function u(t) {

for(X=t&&X+r*25,i=h=5+X%4*C(t*5)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*600,h,r]))r=1+S(i^X)

Oct 6 2021 6:12 PM UTC

}// 119/140

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

Tiny Tree Lake 🌲 Golfed by pavel, gibson042, yonatan, tomxor, and me

Show more comments…
u/magna

If you keep golfing this down, I'm going to come and slap a default on top of it!
u/rep_movsd

C(t) also produces a passable landscape
u/tomxor

#teamwork !
u/danny@hille.dk

114 -> for(X=t&&X+r*25,i=h=5+X%2*t<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*600,h,r]))r=1+S(i^X)
u/KilledByAPixel

that is good but we lose the curve which is the only thing holding together the composition
u/rep_movsd

for(X=t&&X+r*25,i=h=6+2*C(t*5)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*h,h,r]))r=1+S(i^X)
u/rep_movsd

for(X=t&&X+r*25,i=h=6+2*C(t*5)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*h,h,r]))r=1+S(i^X)
u/KilledByAPixel

great attempt! not sure it is possible to get smaller without cutting something. in this case the X%4 part is necessary to make the trees varying heights
u/FireFly

"boring" -1, distribute the ?: across args in the fillRect: x.fillRect(t?X-r*i/8:i*8,t?600+(r*8&3?i-h:h-i):r*600,t?i/4:h,t?2:r). Or more depending on what artistic tradeoffs you're okay with, e.g. just always setting height to r isn't terrible

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󦌽󭌿󦌫󬬪󝬹󞬰󒭨󟝴󟼹󞜫󜼰󜌪󬬫󞜹󚭃󚍴󚬷󚜺󝽥󜼊󩭯󬬨󪜽󜌻󪜼󪌻󮌮󩭩󫍬󤭥󨽴󚍱󛌷󜌰󚽨󛜫󚽩󛍷󛍲󚜩󬬽󣝡󭍨󛭲󨝮󩍯󫜨󭼽󪜯󝌩󛍸󛭦󪝬󫍓󭍹󫍥󟝒󚍶󟝴󟼰󞬸󜌫󪜬󭬬󭬯󛬸󚜬󮌮󩭩󫍬󤭥󨽴󚍱󟜡󭌦󪜿󬬪󜭥󜼺󦌭󭼫󭼪󬬬󭌿󝼰󜌭󪌫󪜺󭼬󭌿󭼺󮬽󪜿󜬺󜭥󜼬󮬩`.replace(/u../g,'')))

Sep 30 2021 3:52 AM UTC

}// 140/140

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

Treescape 🌲

Show more comments…
u/Joachim

wow!
u/UEZ

nice!
u/rep_movsd

This is one of the best ever
u/rep_movsd

This deserves a writeup
u/KilledByAPixel

Thank you, I will try to do that
u/UEZ

A little bit darker: X=t?X+r*69:(x.fillRect(0,0,2e3,1e3),0) hh=t?99+300*r+99*C(t*7):7e3 for(i=0;i<hh;)ww=i/4,r=Math.random(ww),v=t?0:80+i,x.fillStyle=R(v>>2,v>>2,v/.8>>2,.7),q=(!t&i)?r*2e3:X-ww+ww*r,x.fillRect(q,t?700-hh+i:ww,t?ww:z=i?2:2e3,z),x.fillStyle=R(v,v,v/.8),x.fillRect(q,700+hh-++i,ww,r)
u/UEZ

Btw, thank you very much for the very usefull 𝓒𝓪𝓹𝓙𝓢 editor :-)
u/DaSpider

Next level
u/magna

WHOA
u/aleamb

wow!! #landscape #nature #tree
u/vain

Really impressive! What a beautiful forest landscape with a starry sky <3

show FPS hide FPS share fullscreen

pavel

remix of d/23829 by u/pavel

function u(t) {

for(c.width=w=128,i=n=9088,t?a[n*t**3&127]=1:a=[],m=a.includes(0,-w);i--;a[i]=t?p&a[r=i+w]<1?a[r]++:r<n|m&&p:0)x.fillRect(i%w,i>>7,1,p=a[i])

Sep 16 2021 3: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).

#tetris #snow

Show more comments…
u/KilledByAPixel

Genius.
u/Joachim

Wow. This is very clever
u/rodrigo.siqueira

Now I can't look at city buildings without thinking about this. See https://en.wikipedia.org/wiki/Tetris_effect The Tetris effect (also known as Tetris syndrome) occurs when people devote so much time and attention to an activity that it begins to pattern their thoughts, mental images, and dreams. E.g. People who have played Tetris for a prolonged amount of time can find themselves thinking about ways different shapes in the real world can fit together, such as buildings on a street.
u/Xen

love it!
u/magna

Fun to watch! :)
u/tomxor

@rodrigo I think I have The Dwitter Effect, or "Dwitter Syndrome" :D i'm not even joking
u/sigveseb

Nice idea! As an added bonus, if you leave it running for a while you get a graph of the prng bias for free :)

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/23497 by u/danny@hille.dk

function u(t) {

for(c.width=w=255,i=4e4;i--;)x.fillRect(a=i%w,b=i/w,((o=(3-(4-5*(e=((X=2*b-w)*X+(Y=2*a-w)*Y)/w/w)+S(t))**.5)/++e)*Y-w*S(t)&w^X*o+t*w&w)/w,1)

Aug 8 2021 1: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).

Xor Sphere #uncompressed

Show more comments…
u/danny@hille.dk

Nice work!, I actually did try a solution with fillRect - but it totally kills my laptop, runs kinda ok on my phone though (I get around 11fps with this dweet on my laptop, 28 on my phone)
u/danny@hille.dk

btw nice trick with ++e, i haven't seen that before, I'll put it on my toolbelt right away :-)
u/KilledByAPixel

Yep, had to make some sacrifices for speed. You can do w=127 and get a pretty good fps!
u/danny@hille.dk

this is my aptempt: reduced the resolution to get at bit more performance: c.width=w=127;for(m=w*w;m--;x.fillRect(m%w,m/w,1,(Y*(o=(3-(4-5*e+S(t))**.5)/(e+1))*w+t*w&w^X*o*w&w)/w))e=(X=1-4*m/w/w)*X+(Y=-2+4*(m%w)/w)*Y
u/danny@hille.dk

with the ++e trick its only 137 bytes :-)
u/danny@hille.dk

Sorry i hadnt seen you wrote back, yep i did 127, (any pow(2)-1 will work for the xor pattern)
u/aleamb

#sphere
u/donbright

dude

show FPS hide FPS share 4 remixes fullscreen

KilledByAPixel

remix of d/23093 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭼽󨼮󭽩󩍴󪌦󟝪󟜱󜌳󝬸󞼭󛝪󞽸󛭦󪝬󫍒󩝣󭌨󪬥󭼬󪬾󟬷󛌱󛝚󛽷󚭔󚽱󛍔󟜱󚜩󩭯󬬨󨜽󜜭󪬥󭼯󝬴󛍢󟝪󛼷󩜳󛜱󛍱󟝙󟝚󟝢󛼵󛍘󟝴󚬳󜌻󚼫󦬼󭼦󚌶󛝓󚍚󟌲󞜿󜌺󚍘󟬾󜼩󚬪󜭞󦬾󟬳󚜪󚬸󚬵󜌾󦝼󯍔󯌨󬜽󤼨󦌦󦜦󦬬󨜽󨬽󛜱󛍔󟝚󛽷󚜪󜬯󦬫󜜯󦬩󚜻󦜫󟝢󚝘󛜽󨜻`.replace(/u../g,'')))

Jun 13 2021 4:07 AM UTC

}// 140/140

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

City of Shadows

Show more comments…
u/neimad

You are absolutely killing it lately!
u/KilledByAPixel

Thanks! :) Gonna be hard to top this one.
u/tomxor

WOW! is that direct lighting or strategic texturing? either way it works really well
u/KilledByAPixel

it's direct lighting :)
u/tomxor

Damn :P I was thinking of squeezing in some secondary rays but you've been going crazy with these recently. Really good work, looking forward to pulling it apart.
u/jellyedwards

Absolutely incredible, shadows too!
u/KilledByAPixel

thanks, can't wait to see what you come up with tom!
u/KilledByAPixel

More golfed for(w=c.width&=j=10368;j--;x.fillRect(j%w,j>>7,1-Z/w*T+s,T=1))for(a=1-j%w/64,b=j/7e3-1,s=Y=Z=b/3,X=t*30;++Z<w&(6-S(Z<29?0:(X>>3)**2^Z>>3)**8*50>Y||T|(s=S(X&Y&Z,a=b=-1,T=Z/w)/Z));Y+=b)X-=a
u/KilledByAPixel

Saved 2 more bytes, thanks Irritax! for(w=c.width&=j=10368;j--;x.fillRect(j%w,j>>7,1-Z/w*T+s,T=1))for(a=1-j%w/64,b=j/7e3-1,s=Y=Z=b/4,X=t*30;++Z<w&(6-S(Z>28&&(X>>3)**2^Z/8)**8*50>Y||T|(s=S(X&Y&Z,a=b=-1,T=Z/w)/Z));Y+=b)X-=a
u/iverjo

Wow, this is absolutely bonkers
u/andrea270872

Wow. Now I can pack my stuff and go home. ; )
u/andrea270872

... and if you wait long enough you might see spidey swinging by... :D
u/magna

Frank, I don't like you anymore.
u/KilledByAPixel

I had to do it, blame tomxor for getting me started 😆
u/UEZ

Awesome work - now the top view is missing :-)
u/UEZ

flying over a city...
u/KilledByAPixel

thanks, i got a top down one in the works!
u/aleamb

#city
u/donbright

:O :O :O
u/cheft

awesome
u/vain

So fucking incredible
u/jdspugh

Wow

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

dwitter.net | jylikangas (13462)