Dweets awesomed by u/vain

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/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 fullscreen

redactedhoptional

function u(t) {

c.width=200
for(i=t%1;i<5;i++){for(f of[i,++i,i+8,--i+8])x.lineTo((Z=S(f--*1.57)+2,71*S(f%8*1.57)/Z+99),50*(f>7?1:-1)/Z+54)
x.stroke()}

Jun 23 2023 4:32 PM UTC

}// 135/140

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

My first cool looking dweet

u/Xen

welcome to the dwitter family!
u/KilledByAPixel

nice
u/KilledByAPixel

#cube
u/vain

Very nice one! Welcome...
u/iverjo

good job

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/27990 by u/tomxor

function u(t) {

eval(unescape(escape`󩭯󬬨󭼽󨼮󭽩󩍴󪌽󜜲󞌬󪜽󜝥󝌬󮌮󩭩󫍬󥍥󮍴󚍠󠽁󣜤󮽶󟝴󛼲󙬳󯝠󛌳󛌹󚜻󦜽󪜭󛜯󭼻󮌮󩭩󫍬󤭥󨽴󚍘󛍙󛌊󚍃󚍴󚜪󥍞󭬪󪜯󜝥󝌪󥌫󞜪󭌩󙜲󜌿󚍒󟝔󚼫󛌱󚜺󚍔󟜹󛌱󞜯󤬩󛌵󛽚󚜩󩭯󬬨󦬽󝜬󦌽󪜥󭼫󜬯󤬻󚍶󚬹󜬭󦬪󦌯󝬴󚽚󚽷󧭚󯌨󝬰󛝙󚜪󦬯󝌹󚜥󜜳󟬰󞽚󚼽󛬲󚜻`.replace(/u../g,'')))

Jun 18 2023 5: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).

Five Nights at Tomxor's 🍕

Show more comments…
u/UEZ

When creativity has no limits! Well done!
u/tomxor

LOOOL! :D
u/magna

OH MY GOD
u/vain

Dwitter is watching you! 😀 Just fantastic. Great idea and direction. love it...
u/johntellsall

jaw dropping! <3
u/Xen

love it!
u/rep_movsd

This is literally a short movie :D
u/andrea270872

Wow. This is borderline voodoo! Amazing
u/magna

This should have been dweet # 32767 where we just close shop and go.
u/cantelope

wat
u/ciaccodavide

woah
u/aleamb

fucking awesome!
u/_louis

almost a movie! :-)

show FPS hide FPS share fullscreen

@noel

function u(t) {

eval(unescape(escape`󮌮󩭩󫍬󤽴󮝬󩜽󘬣󜌰󜌹󘬊󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛌲󩜳󛌲󩜳󚜊󩭯󬬨󩌽󜼰󜌻󩌭󟜴󞼩󒭦󫽲󚍲󟜰󞽲󟌷󞽲󚼽󛬱󚝻󠜽󥌨󩌯󞜹󛝴󚬴󚽔󚍲󚜪󞜹󚜪󚬨󩌯󞜹󚜊󮌮󩭩󫍬󤽴󮝬󩜽󤬨󜌬󜬵󜌬󜌬󠜩󒭸󛭦󪝬󫍒󩝣󭌨󚍃󚍲󚜪󩌫󝜰󜌩󛝁󛌨󤼨󬬩󚭤󚼴󜌰󚽁󚬪󩌪󞜹󚜭󠜬󝌯󠜬󝌯󠜩󯜻`.replace(/u../g,'')))

Jun 16 2023 7:59 PM UTC

}// 140/140

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

Firework

Show more comments…
u/magna

Great!
u/@noel

u/magna Thanks, but I made it on a slow PC, now that I'm watching this at home it's way too fast. Is there a way to handle this in code?
u/vain

@noel:
u/vain

@noel: i'm not really sure. But i think the best way to get it work same speed on all PCs it to use t (timer). Btw, the function u(t){your code} will be called 60 times per second. So using d-=4 should run same speed on all fast PCs - but slow down on older slower PCs.
u/vain

Btw, it looks really cool with this green shining spikes.
u/joeytwiddle

I like it, running fast or slow! Viewers can always add t/=2;

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/27931 by u/tomxor

function u(t) {

for(c.width=A=128;A;(X^R)%7?R+=.1:T++<48?x.fillRect(A+3,36+T/R-z+9/t,T/96+S(t),2/R):(u=--A/64-1,R=1,T=-48))X=R*u+t,z=X*35+R,z=(z-T^T+z)%7>5

Jun 7 2023 7:50 PM UTC

}// 139/140

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

#doom #maze #uncompressed

u/Xen

whaaaaaa :-O
u/tomxor

The horizontal lightbeams going up and down is somehow familiar... Think I gotta play Doom again :D (for research purposes of course)
u/magna

WOW

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/20436 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𠐽𜐲𞀻𠐻𚁘𧡒𚐥𝰾𜐿𤠫🐮𜀱𞡔𚰫🀴𞀿𮀮𩡩𫁬𤡥𨱴𚁁𛑺𚡵𚠨𤠪𞀦𝰿𛐳𞠳𚐬𜰶𚱔𛱒𛑺𚡃𚠳𛁍𨑴𪀮𪁹𬁯𭀨𭐬𠰽𥀯𞐶𚱓𚁴𚐯𜠩𚠨𜐭𛠶𛱒𚐫𮠯𜠬𜠯𤠩𞠨𭐽𛐭𠐯𝠴𛐱𛁒🐱𛁔🐭𝀸𚐩𦀽𤠪𭐫𭀫𜠬𮠽𚁘𚱒𚐪𜐶𛁺🐨𮠭𥁞𥀫𮠩𙐷🠵`.replace(/u../g,'')))

Jun 7 2023 12:44 AM UTC

}// 139/140

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

#DooM 2.5D #bumpmap textures

u/tomxor

Same concept of XY displacement, but X displacement needs to be inverted when a surface is aligned along Z to give the illusion of the light comming from the observer. Completely unrealistic lighting tricks.
u/deobfuscate

I don't feel like I can make any more dweets with so many good ones like this roaming around.
u/danny@hille.dk

This is just out of this world. #witchcraft
u/vain

Just f*cking amazing! 😎

show FPS hide FPS share fullscreen

New_Core

function u(t) {

with(x)for(fillRect(0,0,w=2e3,w),a=i=540;i--;strokeRect(0,a-(i%2<1?-i:i),w,w))setLineDash([i]),lineDashOffset=(-w/2-i*t)%i,strokeStyle=R(i)

Jun 1 2023 10:56 PM UTC

}// 139/140

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

based on one of my older once...

u/danny@hille.dk

NICE!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/15581 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󪜽󜬰󜌊󭌿󦜫󟝖󚼽󬜪󬜼󪜿󛝖󛜮󝜺󥬼󜜿󛬰󜜺󜌺󦌽󦜽󥬽󜌊󫽮󫝯󭝳󩝭󫽶󩜽󩜽󟭘󟝥󛭸󛼳󒭦󫽲󚍣󛭷󪝤󭍨󯌽󬼽󜜻󪜭󛜻󬼯󟜮󞜸󚝦󫽲󚍪󟜳󜌻󪬭󛜻󮌮󩭩󫍬󤭥󨽴󚌹󝬰󚽳󚬨󬜭󪬯󝌫󠼨󪬪󩌩󚭪󛼹󚜬󜜱󜌰󛝩󚬶󛝳󚬨󜬹󛝪󚜬󬼪󪬯󜬬󬼩󚝱󟝘󚼲󩜳󚭔󚌨󩌽󪜫󦝼󜌩󚬪󜼩`.replace(/u../g,'')))

May 11 2023 5:32 PM UTC

}// 140/140

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

Ski 3D 🌲⛷️ #game #interactive

u/tomxor

Hah, neat!
u/jdspugh

Amazing. Well done!
u/Xen

love it!
u/andrea270872

Cool, nice the bounce when you collide!
u/aleamb

dude! well done

show FPS hide FPS share 1 remix fullscreen

deobfuscate

function u(t) {

c.width+=0
for(i=9;i--;x.lineWidth=50){x.moveTo(n=960+S(i+t/2)*960,400);x.lineTo(n+C(n/10)*20,600);x.stroke()}

Apr 27 2023 12:57 PM UTC

}// 110/140

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

The #default figured out how to walk.

u/vain

This gives me a smile. Looks like lemming sticks XD
u/deobfuscate

Great to hear!

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

eval(unescape(escape`⁦潲⡩㵣⹷楤瑨㴹㤻椭ⴻ⥸⹦楬汔數琨✫✬㐸⬨∫⬮ⴲ㈴㠾㤷㠷㤿㨺㤸㙀㼷㔳⼷㸰⼬⸮ㄮ〯㘿㠿丸㭖䝊娽㩑乌䠿㜾䍈䐾㐸嵃㽛㔴㰾䉡㤴㹔䉁㼵㹜屓繎㜺塞档㠳䕾婳⬢⹣桡牃潤敁琨椩ⴳ㈩⩓⡩⵴⤯㔬㜫椯㈩`.replace(/u([^D].)/g,'$1%')))

Apr 17 2023 6:29 PM UTC

}// 140/140

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

MFDCotGLB

Show more comments…
u/vain

Not sure why and how... but it looks to me like a rotating head with human body... amazing. Maybe this would look cool with transparent/blending drawing
u/tomxor

Interesting pointcloud encoding. Looks like each codepoint's index is Y, and it's value is both the angle in radians and distance from center.
u/neimad

Looks like meditating buddha
u/joeytwiddle

You got it! My First Digital Carving of the Gracious Lord Buddha
u/cantelope

wild
u/jdspugh

Meditating Buddha, yes!
u/Xen

nice!
u/joeytwiddle

Almost tomzor. The index is Y and also the angle, hence the spiral visible in remixes. p0i used that index for his globe in d/5600
u/andrea270872

wow!

dwitter.net | vain (16865)