Top dweets of all time

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

nystrand

remix of d/7333 by u/Batrachus

function u(t) {

with(x)for(i=d=c.width=200;j=i--/d;fillStyle=R(d+i,d/j,arc(99+(i-79)*S(T(t)),S(3*j+S(t*7)/4)*75,j>.9?5:30*S(3*j+.3),0,7),fill()))beginPath()

Mar 19 2018 6:13 PM UTC

}// 140/140

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

Remix of original and inspired by d/7372 by u/joeytwiddle

Show more comments…
u/yonatan

that's a damn fine banana!
u/sigveseb

Rockin'!
u/magna

WOOOOT!
u/joeytwiddle

very nice :D
u/aleamb

Dayyyy o! daaaay o! Come, Mister Tally Man, tally me bananaaaaa
u/Renaud___

wow :)
u/CtrlAltCuteness

That 'with' statement does have use here. Just hope it never conflicts with other needed functions.
u/joeytwiddle

#banana
u/vain

Great! How do you guys get the algos for such amazing fake 3d bananas? :)

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

for(c.width|=j=9;j--;)for(i=60;i--;x.fillRect(960+j*Z*50*S(j)+(99*S(i*22)*Z),540+i*S(v=i/60)*C(v-t*3+j)*Z,Z*2,Z*9*S(i/16-4)+5))Z=2**T(t/5+j)

Mar 10 2020 4:22 PM UTC

}// 140/140

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

Birds

Show more comments…
u/13thptr

amazing #d3
u/Whimpers

wow
u/tomxor

woo!
u/yonatan

lifelike!
u/Odog8

daaaamn
u/joeytwiddle

bravo! #bird #nature
u/katkip

nice
u/vain

i really love this

show FPS hide FPS share fullscreen

pavel

remix of d/13601 by u/pavel

function u(t) {

c.width|=f=(X,Y,Z,d,o=d<7&&5)=>{for(x.fillRect(960+1e3*X/Z,1e3*Y/Z,s=6/Z/Z,s);o--;f(X+R*S(a=t+11*o),Y+R,Z+R*C(a),d+1))R=o&&2**-d}
f(0,0,1,2)

May 8 2019 6:02 AM UTC

}// 140/140

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

#sierpinski #pyramid

Show more comments…
u/KilledByAPixel

Wow!
u/Jezza

So great!
u/iverjo

Impressive! #d3
u/katkip

cute
u/rodrigo.siqueira

They said it was impossible. But Pavel did it anyway and here it is.
u/KilledByAPixel

This one was worth of an awesome gif... https://imgur.com/gallery/oHiQizL
u/f8f82804

#perspective
u/KilledByAPixel

reddit says hi https://www.reddit.com/r/perfectloops/commen…
u/katkip

Top of the month
u/yukulele

shouldn't it have a triangular base?
u/pavel

That would be a tetrahedron. Pyramids usually have a square base.
u/vain

So wonderful! Amazing work!

show FPS hide FPS share 2 remixes fullscreen

andy

function u(t) {

a=b=>S(t*b)*128+128
x.fillStyle=R(a(1.3),a(3),a(2))
x.fillRect(S(t*3)*960+960,C(t*2.5)*539+539,10,10)
x.drawImage(c,S(t)-2,C(t)-2,1924,1084)

Feb 23 2017 10:30 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 more comments…
u/magicmarc

First line as "a=b=>128*(S(t*b)+1)" brings this to 140.
u/andy

Thanks, that's right. Didn't even realize i was over 140 :)
u/lionleaf

Are you seeing over 140 characters? On chrome it says 140/140 at least.
u/andy

weird, yesterday it said 143.
u/michelinux

It's probably because on Windows the new line takes 2 characters ('\n\r'). Use ';' instead of new line and you should have a more consistent behaviour.
u/andy

still weird, i don't have any windows machines.
u/SpecialAgent

the simplicity of that zoom blows my mind, great work!

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/28051 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞱩𞱔🐨𜠪𦀦𦠩𙐷🀳𙡙𚡙🀲🱒𛑔🱔𚰮𜀵𞡒𚰽𛠰𝐺𤠡👔🱒𙠽𮀮𩡩𫁬𤡥𨱴𚀭𛑩𙑷𛁩🠾𝰬𜐭𝁥𝐯𚁘𚱙𚰱𞀩𚠪𝐬𜐫𭐥𝠯𝠯𤠩𞠨𭐽𦐼𛠳🱙𚡙𧠲𞡙🀮𝠿𝐺𭰫𦀪𞑞𦐪𝑞𦠪𞐬𥀫𛠱𚐩𦀽𪐥𭰯𝠴𚡒𛑔𛁙👩𛰴𩐳𚡒𛑔𛁚👴𚠳𚱔`.replace(/u../g,'')))

Jun 28 2023 4:47 AM UTC

}// 140/140

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

Pseudo Global Illumination

Show more comments…
u/KilledByAPixel

wow!
u/UEZ

brutal
u/Joachim

:O
u/vain

OMFG!!! Absolutly incredible. A "making of" or "how is it done" would be really nice. Awesome work you did!
u/tomxor

Thanks guys :) I have time to outline the pseudo radiance/GI concept at least: Each pixel's ray reflects once after the 1st intersection with the scene. All rays reflect in the same pre-defined direction, in parallel with each other, and roughly towards the light source but not collinear with it i.e not directly in line. The distance between the 2nd intersection (reflected ray end position) and the light source position, is used to estimate luminance.
u/tomxor

This is not physically accurate or intuitive, but is similar in concept to ambient occlusion where single bounce rays are used to estimate luminance based on "exposure" to ambient light. However unlike AC we can only afford a single ray, so we take that single ray and bounce it in a *similar* direction to the light source and see what we hit (what occludes the ray in that direction, which is why we get directional shading). The closer the 2nd intersection is to the light source the greater the luminance should be as a kind of bad proxy of "is exposed to a (probably?) bright surface".
u/tomxor

The reason we don't simply use the length of the reflected portion of the ray, is because although it does yield occlusion effects, the light position is inconsistent and parallel surfaces are flat and unconvincing because the reflected ray lengths are the same. So by making the light source and reflection ray not quite collinear, the distance between those 2nd intersections and the light source follows a gradient for parallel surfaces, causing more convincing shading... At least that's what I think is happening! I doubt this has good scene adaptability though, probably just a demo algorithm :D
u/tomxor

Also for some reason I'm quite happy with /R, super short poor mans anisotropic texture filter :P just fading out and letting lighting take over the further away the surface.
u/vain

Thanks u/tomxor - you really rock 😎
u/lionleaf

Ok, wow that's amazing!
u/iverjo

Incredible
u/jellyedwards

Unbelievable!!
u/cantelope

wat
u/jdspugh

Stunning
u/ugurkilci

I'm not understand! 𩡯𬠨𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞱩𞱔🐨𜠪𦀦𦠩𙐷🀳𙡙𚡙🀲🱒𛑔🱔𚰮𜀵𞡒𚰽𛠰𝐺𤠡👔🱒𙠽𮀮𩡩𫁬𤡥𨱴𚀭𛑩𙑷𛁩🠾𝰬𜐭𝁥𝐯𚁘𚱙𚰱𞀩𚠪𝐬𜐫𭐥𝠯𝠯𤠩𞠨𭐽𦐼𛠳🱙𚡙𧠲𞡙🀮𝠿𝐺𭰫𦀪𞑞𦐪𝑞𦠪𞐬𥀫𛠱𚐩𦀽𪐥𭰯𝠴𚡒𛑔𛁙👩𛰴𩐳𚡒𛑔𛁚👴𚠳𚱔 How? Your have unicode generator?
u/majorh5

You can use https://beta.dwitter.net for compressing your code to get it even smaller.

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/23101 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭼽󨼮󭽩󩍴󪌦󟝩󟜱󜌳󝬸󞽩󛜭󞽸󛭦󪝬󫍒󩝣󭌨󪜥󭼬󪜾󟬷󛌱󛝚󛽷󚭔󚽳󛍔󟜱󚜩󩭯󬬨󨜽󪜥󭼯󝬴󛜱󛍙󟝚󟝢󟜱󛝩󛼷󩜳󛍘󟝴󚬳󜌬󬼽󚍢󚽡󚭡󚜯󜼻󚼫󦬼󭼦󚌶󛝓󚍚󟬳󜬦󜜶󟍘󙝷󙬦󦌯󞍞󦬯󞌩󚬪󜜲󚬶󜌾󦝼󯍔󯌨󬼽󤼨󦌦󦜦󦬩󚬳󛽚󛍡󟝢󟜱󛍔󟝚󛽷󚜩󞽙󛜽󨬩󦌫󟝡`.replace(/u../g,'')))

Apr 9 2022 7:21 PM UTC

}// 140/140

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

City Blocks 🌇

Show more comments…
u/taupelink

wow!!!
u/magna

Dude.
u/GreyHope

Awesome!
u/Joachim

Outstanding! #city #perspective #shadows #shadows #d3
u/jdspugh

Wow
u/vain

oh my god.... just incredible 3d city!
u/rep_movsd

#underrated Amazing
u/DaSpider

Next level
u/jellyedwards

Unbelievable!
u/aleamb

WTF!... fucking superb!
u/KilledByAPixel

thanks everyone! I put a lot of work and a little magic into this one. :)
u/vain

Good luck with your 256 byte compo entry @ revision. :) (saw it in livestream)
u/johntellsall

.....? Jaw dropped!!
u/UEZ

Hi KilledByAPixel, I saw your contribution on revision :-)
u/KilledByAPixel

thank you, the revision entry is a standalone 256 byte html file that is similar to this.
u/cantelope

insane
u/KilledByAPixel

webgl version https://www.shadertoy.com/view/7dccRj
u/DazeWare

Crazy
u/SophiaCristina

Truly amazing! Hey, wasn't that posted on Pouet? Or was one alike?
u/KilledByAPixel

thank you, pouet link: https://www.pouet.net/prod.php?which=91532

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 fullscreen

pavel

function u(t) {

for(i=1920;i--;x.fillRect(i&-T,i%T*T,T=32,T))x.fillStyle=`hsl(${T*t},99%,${u[i]=u[i]*.94+T/Math.hypot(i/T-T-C(3*t)*20,i%T-16-S(4*t)*9)||0}%`

Apr 2 2020 4:46 AM UTC

}// 140/140

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

Flare

Show more comments…
u/pavel

Inspired by https://twitter.com/ntsutae/status/124366720…
u/jylikangas

Lovely use of an array for the trail effect!
u/BriSeven

hypot?! WHAAAT how long has THAT been there?
u/katkip

this is actually easier than it looks
u/sigveseb

Looks very pretty :)
u/aleamb

amazing!
u/rodrigo.siqueira

It reminds me the light and movement of this Fluid Simulation https://paveldogreat.github.io/WebGL-Fluid-S…
u/Scaledish

hell, it looks better than the fluid simulation
u/joeytwiddle

#glow #worm

show FPS hide FPS share fullscreen

nystrand

remix of d/6046 by u/nystrand

function u(t) {

for(i=w=2e3;--i;x.fillStyle=R(N*a/4,50+a*3+w,w,.1),x.fillRect(-2,-a,6,w,w=3))a=i%32,x.setTransform(32-a,w,C(t-i/333)*9+w,N=9-T(i>>5),i,1070)

Mar 23 2018 3: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).

Color version

Show more comments…
u/BuRRak

Amazing
u/aleamb

wow!
u/jylikangas

What a clever way to do the background. I also like how you used Math.tan to get the trees.
u/magna

wat.
u/sigveseb

<3
u/iverjo

Niiice
u/joeytwiddle

very nice again! :)
u/iverjo

#grass
u/joeytwiddle

#tree #trees #palm #palm_tree #organic #landscape
u/joeytwiddle

#scene ;-)

show FPS hide FPS share 3 remixes fullscreen

sandromiccoli

remix of d/5854 by u/sandromiccoli

function u(t) {

c.width=2e3;x.globalCompositeOperation='xor';for(i=~~(t*9);i--;){a=i*.52;x.beginPath();x.arc(960+C(a)*199,540+S(a)*199,199,0,7);x.fill()}

Jan 13 2018 3:30 AM UTC

}// 137/140

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

little donut remix: d/5999

u/iverjo

#xor