Dweets awesomed by u/KilledByAPixel

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: #ScaryMovies

show FPS hide FPS share fullscreen

tomxor

remix of d/27932 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭀿𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞡭👯𫡭𫱵𬱥𫑯𭡥👥🐾𫐽𩐻𦀽𛐭𪐥𭰬𦐽𪐯𭰻𮀮𩡩𫁬𤡥𨱴𚁘𚱺𚡒𛁙𚱺𚡔𛁓👍𨑴𪀮𪁹𬁯𭀨𤠽𦀯𝠴𛑭𛡸𛰲𞀰𯁼𜀬𥀽𦐯𝠴𛑭𛡹𛰲𞀰𯁼𜐩𚰡𮠯𜠬𜐩𚑺🐨𭰫𦀯𜰭𦐯𜱞𦐯𜰫𦀯𜰩𙐲𜐾𜐸𛁺𚰽𭑛𪑝𯀽𫐮𨡵𭁴𫱮𬰯𤰯𝀸𙠲`.replace(/u../g,'')))

Jun 8 2023 2: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).

#interactive (mouse + drag) #soldering #simulator

u/tomxor

Here ya go u/joeytwiddle :D don't make a mess! no room for solder wick.
u/tomxor

I'm not sure who tapes a flashlight to their soldering iron though... maybe Doom guy does, ya know, just incase zombies, while soldering door control panels on Mars.
u/danny@hille.dk

Super impressive!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/25022 by u/KilledByAPixel

function u(t) {

for(c.width&=i=6272;i--;x.fillStyle=`hsl(${i/19} 99%50%`,x.fillRect(39+X/2+X/48*C(X/8-i/800-t*6),5+i/200+X/6+X/9*S(X/16-t),2,i?.2:99))X=i%99

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

Happy Pride Month! 🌈 #pride #flag

u/joeytwiddle

Very wiggly! 💨

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/27928 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭀿𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞠨𨐽𜠬𨠽𜐬𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡻𨐽𩐮𮀯𜰰𜀬𨠽𩐮𮐯𜰰𜁽𚐻𦀽𛐭𪐥𭰬𦐽𪐯𭰻𮀮𩡩𫁬𤡥𨱴𚁘𚱺𚡒𛁙𚱺𚡔𛁍𨑴𪀮𪁹𬁯𭀨𤠽𦀯𝠴𛑡𛁔👙𛰶𝀭𨠩𚰡𮠯𜠬𜐩𚑺🐨𭰫𦀯𜰭𦐯𜱞𦐯𜰫𦀯𜰩𙐲𜐾𜐸`.replace(/u../g,'')))

Jun 7 2023 12:50 AM UTC

}// 130/140

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

#interactive (mouse) #PCB #trace #bumpmap

u/Joachim

Ooooh nice
u/joeytwiddle

I want left-click to add a blob of solder!
u/tomxor

Good idea!

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

tomxor

function u(t) {

for(w=c.width&=i=10368;X=--i%w,Y=i/w;x.fillRect(X+z*R,Y+z*T,Math.hypot(R=X/64-1-S(t),T=Y/64-.6-C(t/3))+!z/2,1))z=(w+X/3-Y/3^Y/3+X/3)%21>18

Jun 6 2023 5:58 PM UTC

}// 138/140

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

#PCB #trace #bumpmap

u/tomxor

Getting on the bump train with a different method. This one displaces X and Y in proportion to distance from light source, which creates pixel gaps on one side (specular highlights), and overlapping pixels on the opposite (becoming shadows).
u/danny@hille.dk

wow thats chrisp!

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/27866 by u/@noel

function u(t) {

for(c.width=i=w=255;i--;)for(j=142;j--;)x.fillRect(i,j,1,((w*(C(a=Math.atan2(X=2*i/w-1,Y=2*j/w-.6))/(d=(X*X+Y*Y)**.5)+t)^w*(S(a)/d+t))&w)/w)

Jun 6 2023 5:16 AM UTC

}// 140/140

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

Projection Faster and Uncompressed

u/@noel

I love this one and I follow the logic, until the z & w performing. I know it's a bitwise AND operation on z and w, but I don't actually grasp it.
u/@noel

I mean on this one: x.fillRect(i, j, 1, (z & w) / w)
u/joeytwiddle

Here (z & w) / w is the height of the rectangle. If that height is less than 1, then the canvas anti-aliasing renders a grey pixel, instead of a black one.
u/@noel

Thanks u/joeytwiddle Now I think I get it. (z & w) ensures that the value of z remains within the range of the canvas width 'w', and the dividing by w normalizes the height value. Great trick!

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

a='🚓🚕🚗🚒🚙🚑🚌 '
eval(unescape(escape`󭽩󭍨󚍸󚝦󫽲󚍩󟜭󜜻󚼫󪜼󜜳󞽦󫽮󭌽󙼸󩝭󘬧󚝦󫽲󚍪󟜲󝜻󪬭󛜻󚝦󪝬󫍓󭍹󫍥󟝒󚍺󟝩󚬱󜬰󛍺󚜬󩭩󫍬󤭥󨽴󚍪󚬹󞜬󮬬󬜽󪜿󜜹󞬳󩜳󛍱󛼲󚜬󩭩󫍬󥍥󮍴󚍛󛬮󛭡󧝛󚌨󭌫󪭼󜌩󚬪󝜫󪜩󙜸󯌰󧜬󚌱󝬰󚽩󚬪󝼥󜬹󞜩󚬨󪬭󭌥󜜩󛍺󛜳󜌩`.replace(/u../g,'')))

Jun 5 2023 3:46 PM UTC

}// 140/140

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

Traffic 🚕🚓🚗🚙🚒🚑🚌

show FPS hide FPS share fullscreen

@noel

function u(t) {

eval(unescape(escape`󩭯󬬨󩼽󮌮󨽲󩝡󭍥󤭡󩍩󨝬󡽲󨝤󪝥󫭴󚍤󟜹󝜰󛍢󟜵󝌰󛌰󛍤󛍢󛍥󟜴󜬰󚜬󩽛󨜽󘭡󩍤󠽯󫍯󬭓󭍯󬌢󧜨󜌬󘬣󝍦󩬢󚜬󚍸󛭦󪝬󫍓󭍹󫍥󟝧󚝛󨝝󚌱󛌢󘼰󜌵󘬩󛍸󛭦󪝬󫍒󩝣󭌨󩜬󜌬󪌽󜜰󞌰󛍨󚜬󪜽󜽥󜼻󪜭󛜻󚝸󛭣󫍥󨝲󤭥󨽴󚍤󚽓󚍩󚽴󚜪󤼨󪜪󪜩󚭥󛍢󚽥󚭃󚍩󚭩󚜬󝜬󝜩`.replace(/u../g,'')))

Jun 4 2023 9: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).

The Cristal Ball.

u/@noel

My dweet No. 3 Thanks to u/danny@hille.dk for actually teaching me how to start golfing!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

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

function u(t) {

w=c.width=128;for(i=1e4;i--;)x.fillStyle=R(x.fillRect(X=i%w,Y=i/w-5,Math.min(s=Math.hypot(i%2*30+X-80-S(t)*9,Y-40)/9,(X^Y+t*60)%7),s),Y/s)

Jun 3 2023 11:25 PM UTC

}// 138/140

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

Diving deeper

u/danny@hille.dk

Hehehe-)
u/tomxor

I'm down with this

show FPS hide FPS share 1 remix fullscreen

@noel

function u(t) {

eval(unescape(escape`󩭯󬬨󮌮󨽬󩝡󬭒󩝣󭌨󜌬󜌬󜜹󜬰󛌱󜌸󜌩󛍪󟜭󜜻󪬼󚍷󟜲󝜵󚜻󪜫󚼩󩭯󬬨󮜽󜬪󪬫󚼯󭼭󜜬󪜽󛜱󞽩󟍷󞽩󚼫󚝫󟜲󚭩󛽷󛜱󛍤󟝍󨝴󪌮󬽱󬭴󚍫󚭫󚽹󚭹󚜬󨜽󣝡󭍨󛭡󭍡󫬲󚍹󛍫󚜬󮬽󭼪󠼨󨜩󛽤󚽴󚭷󧭷󚭓󚍡󚜯󩌫󭌪󭼬󮌮󩭩󫍬󤭥󨽴󚌴󜬰󚼴󚭩󛌴󚭪󛍮󟜨󮬦󭼩󛽷󚬴󛍮󚜻`.replace(/u../g,'')))

Jun 3 2023 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).

Remix of d/27866 Stereographic Projection

Show more comments…
u/@noel

I don't know why I couldn't post this in the 'change code box'. Maybe compressed code isn't allowed there?
u/@noel

I changed the code following a suggestion by u/KilledByAPixel who indicated that using fillStyle in a big loop slows the code a lot. And indeed, the framerate doubled. Though I had to use clearRect now. Maybe there is another solution for that? for(x.clearRect(0,0,1920,1080),j=-1;j<(w=255);i++)for(y=2*j++/w-1,i=-1;i<w;i++)k=2*i/w-1,d=Math.sqrt(k*k+y*y),a=Math.atan2(y,k),z=w*C(a)/d+t*w^w*S(a)/d+t*w,x.fillRect(420+4*i,4*j,n=(z&w)/w*4,n);
u/danny@hille.dk

Setting the width or height of the canvas will reset the canvas. c.width+=0 will do the trick, and besides being a great golfing trick, it is also faster than clearRect
u/danny@hille.dk

Math.sqrt(x) can be golfed to x**.5 '**' is an Exponentiation assignment operator: https://developer.mozilla.org/en-US/docs/Web…
u/danny@hille.dk

What you do here Math.sqrt(k*k+y*y) is how you calculate the length of the hypotunusis. javascript math class got you covered with: Math.hypot(x,y)
u/danny@hille.dk

Keep up the good work!
u/@noel

u/danny@hille.dk Thank you so much!
u/@noel

Dear @danny@hille.dk Since you answered so kindly and are obviously skilled in 'golfing' I dare to ask you one more question. I am struggeling to dweet to minify my next dweet. The original code would be: for(h=1080,b=540,c=420,d=950,g=x.createRadialGradient(d,b,0,d,b,c),g[a="addColorStop"](0,"#4BB"),g[a](1,"#005"),x.fillStyle=g,x.fillRect(c,0,h,h),i=6e3;i--;)k=d+S(i+t)*S(i*i)*c,y=b+c*C(i*i),x.fillText("◻️",k,y) But with 210 characters far to big, even compressed (149). So I tried to create the gradient drawing circles like; for(d=950,b=540,s=0,c=420,c.width+=0,i=40;i--;)x.beginPath(s+=2),x.arc(960,540,40*i,0,7),x.fillStyle=hsl(231,${s}%,${s/2}%),x.fill();for(i=6e3;i--;)k=d+S(i+t)*S(i*i)*c,y=b+c*C(i*i),x.fillText("◻️",k,y) But that only saved 7 characters and compressed still has 147. Is there still something possible?
u/danny@hille.dk

Hi @Noel, When making a Dweet, think of best practice and do the opposite: only use variables when you need them, and wait until you need to use them the first time to initialize them. 194b, but I'm sure it can be golfed even further: for(g=x.createRadialGradient(d=950,b=540,0,d,b,e=420),g[a="addColorStop"](0,"#4BB"),(x.fillStyle=g)[a](1,"#005"),x.fillRect(e,0,h=1080,h),i=3e3;i--;)x.fillText("◻️",d+S(i+t)*S(i*i)*e,b+e*C(i*i))
u/danny@hille.dk

Cool effect!
u/danny@hille.dk

eval(unescape(escape\`󩭯󬬨󩼽󮌮󨽲󩝡󭍥󤭡󩍩󨝬󡽲󨝤󪝥󫭴󚍤󟜹󝜰󛍢󟜵󝌰󛌰󛍤󛍢󛍥󟜴󜬰󚜬󩽛󨜽󘭡󩍤󠽯󫍯󬭓󭍯󬌢󧜨󜌬󘬣󝍦󩬢󚜬󚍸󛭦󪝬󫍓󭍹󫍥󟝧󚝛󨝝󚌱󛌢󘼰󜌵󘬩󛍸󛭦󪝬󫍒󩝣󭌨󩜬󜌬󪌽󜜰󞌰󛍨󚜬󪜽󜽥󜼻󪜭󛜻󚝸󛭣󫍥󨝲󤭥󨽴󚍤󚽓󚍩󚽴󚜪󤼨󪜪󪜩󚭥󛍢󚽥󚭃󚍩󚭩󚜬󝜬󝜩\`.replace(/u../g,'')))
u/danny@hille.dk

remove \

dwitter.net | KilledByAPixel (55593)