Dweets awesomed by u/zola

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 fullscreen

KilledByAPixel

remix of d/29712 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩜽󨼮󭽩󩍴󪍼󟝆󟜨󦌬󦜬󦬬󠜬󠬽󜌬󣌽󦬾󜬩󟜾󮌮󩭩󫍬󤭥󨽴󚍘󛍙󛍺󟝌󟽚󚭆󚍘󛝓󚍁󚜪󦬬󦜭󠼨󠜩󚭚󛍚󚬮󞜷󛍁󚬮󞜹󚽓󚍴󚽥󚜯󜜴󞜬󚼫󠬩󞭥󙜵󚬴󛍺󛍸󛭦󪝬󫍓󭍹󫍥󟝒󚍌󟽚󚬴󞬹󞜬󣌿󦬺󜬳󞜯󦬩󚝼󠬾󞜦󙭆󚍘󛍙󛍚󚬮󝬬󠜯󜬫󜬪󤼨󚼫󩜩󚝼󯌲󒭆󚌹󝬰󛌱󩜳󛌳󜜬󜌩`.replace(/u../g,'')))

Mar 30 2024 10:37 PM UTC

}// 140/140

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

Windy Tree 🌳💨

u/Xen

bruh! :O
u/cantelope

wow
u/aleamb

yeah!

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

rodrigo.siqueira

remix of d/27529 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,w=2e3,w),i=2e4;i--;x.fillRect(960+S(p=T(i*i)/9)/(Z=(i/T(i+t)+i*i/340)/i/i),530+C(p)/Z,3,3))x.fillStyle=R(i,i%200,0,.05)

May 16 2023 11:43 AM UTC

}// 138/140

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

Golfed fire suggestion by u/deobfuscate using a single x.fillStyle instead of separate ones for the black background and colored pixels.

u/deobfuscate

Neat
u/magna

Now make it the Quake logo
u/Xen

love it!
u/donbright

legendary

show FPS hide FPS share fullscreen

zola

function u(t) {

for(q=1e3,c.width=q,b=-(f=(20*t<<0)%8-3)*f/40,i=0;i<5;i++)m=2==i?4:1,x.fillRect(t%2*q+2*(i-2)*f*20-q/3,q/4*b+(q+b>>+i+2)+q/4/m+i,50*m,50*m)

Apr 26 2023 6:04 PM UTC

}// 139/140

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

Bipedal Robot Run

u/Joachim

Lol this is really cool
u/joeytwiddle

#cute

show FPS hide FPS share fullscreen

zola

function u(t) {

for(c.width=99,a=(20*t>>1)%6-3,h=19505,i=0;i<8;i++)d=h&1<<2*i?1:0,s=h&1<<2*i+1?1:-1,x.lineTo(d*s*a+t%9*12,(3<i?3+3*i:3)+(d?25:3));x.stroke()

Apr 26 2023 5:39 PM UTC

}// 140/140

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

Walking Stickman

u/zola

I wish I could have made it higher resolution.

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/27386 by u/joeytwiddle

function u(t) {

eval(unescape(escape`景爨椽挮睩摴栽ㄸ㐻椭ⴻ⥸⹦楬汒散琨㤰⬨∬㄰㔶㜻䐽㨼㬼䐾㰻㨸䑂㠶㐱㡀ㄯ⸱⼳㘿㝀剄䱛㴿慒呣䄼䡍假䄷㽄䭄䀵㩦䕃愹㥅䍆䜿㡉屜屜繊㡄繞繕㘹坶晗∮捨慲䍯摥䅴⡩⤭㌲⤪匨愽椭琩⼳ⰵ⭩ⱗ㴱⭃⡡⤬圩`.replace(/u([^D].)/g,'$1%')))

Apr 20 2023 6:04 PM UTC

}// 140/140

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

M3DCotGLB

u/joeytwiddle

Minor refinement: Larger resolution so the dots are less noisy; linear index rather than sqrted.
u/deobfuscate

Now its ten times easier to see that its a meditating buddha.
u/Odog8

Holy crap
u/Xen

madness!

show FPS hide FPS share fullscreen

New_Core

function u(t) {

t?c.width|=0:a=1
with(x)font="6cm '",t>9?a*=1.03:fillText(9-~~t,99,300),roundRect(960,300-a,99,690,[50,50,0,0]),rect(1070,340,99,650),fill()

Apr 17 2023 5:33 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/deobfuscate

I know this could be improved. Really cool idea and it shouldnt go to waste here!

show FPS hide FPS share fullscreen

CalSch

remix of d/16491 by u/bencoveney

function u(t) {

x[a='fillStyle']="#222"
x.fillRect(0,0,2e3,2e3)
x[a]="#fff"
x.font="5em Courier"
code+=i=""
code.split`
`.map(l=>x.fillText(l,i++,i*99))

Apr 3 2023 7:05 PM UTC

}// 136/140

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

Different #quine

u/majorh5

new line literal is genius!

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󩌽󜼱󝌫󤼨󭌪󜼰󚜪󜬵󞽦󫽲󚍺󟝣󛭷󪝤󭍨󯌽󪜽󝌻󪜭󛜻󮌮󨽬󩝡󬭒󩝣󭌨󞜸󝜫󪜪󝼵󙜱󝜰󛍤󚼶󜌬󝌰󛌴󜌩󚝸󛭦󪝬󫍒󩝣󭌨󛬮󛭩󟬲󟽛󞌴󝜬󩌬󜬹󜼬󜜷󜍝󞭩󟽛󞜶󝬫󤼨󨬽󭌪󜜵󚽩󚬳󚜪󞜹󛌶󞜰󛜨󠼨󨬩󟬰󙬦󠼨󨬩󚬱󝌰󚜬󝬰󛌶󜍝󞭛󜌬󝼵󜌬󮬬󜬰󧜩`.replace(/u../g,'')))

Oct 1 2022 12:23 PM UTC

}// 132/140

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

SNAKES AND LADDERS Check out my new game at https://joachimford.uk/content/snakes_and_la…

u/cantelope

my new fav game haha. got to lvl 11. bookmarked!
u/Joachim

Thank you! Keep going, you’re nearly there! ;)

show FPS hide FPS share fullscreen

Joachim

function u(t) {

for(i=z=c.width=300;i--;x.fillRect(140+a*i+C(t*9)*30,90+i*(S(t*9%3.1)/9+.3),i,i/z))a=T(z^z/i+t*4),x.fillStyle=R(b=a*z,S(b)*z,T(b)*z)

Apr 13 2022 9:23 AM UTC

}// 132/140

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

Infinite hopscotch

u/Odog8

Thats nuts
u/Joachim

This 3D-like technique is useful for making single-direction ground textures. This is roughly how it works: A rectangle with a height of ~1px is drawn for every row of pixels on the screen. The width of every rectangle depends on how far down it is (their index). The x position of every rectangle is defined by this bit of code: T(z^z/i+t*9). This is then multiplied by their index to achieve a 3D look, as everything gets bigger & faster near the bottom of the screen. Without the animation or colours, the entire thing can get as small as 64 char: for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1). Feel free to get it even smaller!
u/vain

@u/Joachim: Thanks a lot for the litte explanation and example. =)
u/Joachim

#d3 #perspective #mist #colors
u/lineburgb

for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1)

dwitter.net | zola (2643)