Top dweets 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: #Food

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/22036 by u/KilledByAPixel

function u(t) {

t?n++:n=0
if((t*=60)<256)for(z=i=0,Y=49+(t>>4)*63,X=t%16*114+99,x.fillText(n,X,Y+29);i++<2048;)x.fillRect(X-=C(z+=n&i),Y+=S(z),1,.2)

Mar 18 2021 9:56 PM UTC

}// 132/140

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

Standardized chart of a+=n&i, x+=cos(a), y+=sin(a), change n=0 to see more

u/kian

Such a beautiful exploration you have going!
u/KilledByAPixel

Thank you, this is a fun series to explore, starting to get a good feel for how it works.
u/KilledByAPixel

Because i is 2048, this one repeats every 2048.
u/Tekmap

amazing

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/21974 by u/KilledByAPixel

function u(t) {

for(i=2e3,X=(t*=60)*20%i;i--;x.fillText(0,X+=C(t),t+=S(Z)))Z=X

Mar 17 2021 4:47 AM UTC

}// 62/140

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

Ancient Text

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/20925 by u/KilledByAPixel

function u(t) {

for(t*=7200,i=420;i--;x.fillText(j=i/12|0,j,15*S(j*j*t),4))x.setTransform(d=C(a=i%12/.954),e=S(a),e*(q=i%12<6?-1:1),-d*q,t%1980,t/24)

Dec 8 2020 12:07 AM UTC

}// 133/140

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

#snowflake study #2

u/pavel

x.rotate is shorter, as usual for(t*=7200,i=420;i--;x.fillText(j=i/12|0,j,15*S(j*j*t),4))x.setTransform(1,0,0,i%12<6?-1:1,t%1980,t/24),x.rotate(i%12/.954)
u/KilledByAPixel

Thanks! I will use that method for the next iteration

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨𯀽𪐽𨐽𝐰𜀻𪐭𛐻𩡯𫡴🐧𜱩𫠢𙰩𪐭𝐹🱦𪑬𫁒𩑣𭀨𚁱👩🀵𞐩🰶𜐵𚱩𚠹𞡩𚠹𞀫𭀥𜐪𞐸𛐱𩐴𛁱🱹𛐱𜰰𚱓𚁴𚠹𚱩𛰹𚐪𪐺𜡥𜰬𞐹𛁱🱩𚰹𞠭𜡥𜰪𤰨𪐭𭁼𜀩𚐺𩡩𫁬𥁥𮁴𚀧𧁵𡀸𜱄𧁵𡁃𜐵𙰬𨐬𮐽𨐫𤰨𭀬𩡩𫁬𤱴𮑬𩐽𙱲𩑤𙰩𚠹𞐩`.replace(/u../g,'')))

Aug 11 2020 11:05 PM UTC

}// 140/140

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

Krypto the Superdog 🐕 #crypto

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭀿𣰽𦰮𛠮𢐮𭡡𫁵𩑝𞡣𛡯𭑴𩑲𢁔𣑌🐢🁴𩑸𭁡𬡥𨐠𨱯𫁳🐷𝀠𬡯𭱳🐲𜀠𪑤👉🡄𭱩𭁴𩑲𘐢𞰊𩡯𬠨𫠽𪐽𣰮𫁥𫡧𭁨𞱩𛐭𞰩𩡯𬠨𪠽𞐻𪠭𛐻𚑏𛡳𬁬𪑣𩐨𪐬𜀬𤱴𬡩𫡧𛡦𬡯𫑃𪁡𬡃𫱤𩐨𚁱🐸𜠳𚱓𚀫𚱮𚡮𚐪𝐵𯀰𚐭𘐨𬐭𝰸𝠦𙡱𛐸𜰷𚐩𚐊𭁨𬡯𭰠𣰮𪡯𪑮𨁠`.replace(/u../g,'')))

Aug 5 2020 8:23 PM UTC

}// 140/140

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

̇̂͏̙̆̅ͭ͋͝G̥̜̀͛ͦͭ̄͑̿l̩̦̮̺̊̐̀ͫ͞i̸̬͓̪͚ͤ̇̋̕t̶̙͑ͥͬͬͫ̎ͭc̫̠͉ͭ͊ͫ̌̀͠h̨͎̖ͭ̄́ͬ̽͘ ͕͚͖͍̩͊̓͢͟D̞̩̃̀ͬͭ̀̊͝w͏̪̱̮̥̅̑ͭͨe̙ͭ̊̀̿̀̆ͪ́e̵̠ͩ̈͆̀̃ͪ̕t - Enter text to see glitched version. #crypto

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/18494 by u/KilledByAPixel

function u(t) {

for(j=i=1e3;i--;x.fillRect(i%32*60+5*!!t,(i>>5)*60-55,z=t?50:2e3,z))x.fillStyle=t&&R(S(S=_=>i%T(j++%(q=t+4|0)*q+t/1e3)*255),S(),S(),.03)

Apr 27 2020 10:00 PM UTC

}// 136/140

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

Glitch Party 3

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𜐳𞰭𛑩𞱸𛡦𪑬𫁒𩑣𭀨𬐿𜀺𝀰𜀫𪐪𞐹𚱓𚁴𚐪𜰰𜀬𬐿𜀺𝀴𜀫𤰨𭀯𜠩𚠳𜀰𛁱🰲𩐳𞠵𜀬𬐿𜡥𜰺𜠰𜀩𚑱👩🠹𛁸𛡧𫁯𨡡𫁃𫱭𬁯𬱩𭁥𣱰𩑲𨑴𪑯𫠽𘑱𚱩𙐲🰧𫁩𩱨𭁥𬠧𞠧𩁩𩡦𩑲𩑮𨱥𙰬𮀮𩡩𫁬𤱴𮑬𩐽𪐥𜠪𬐿𙰣𜀱𜀱𜀱𙰺𙰣𡡆𡠧`.replace(/u../g,'')))

Apr 14 2020 3:03 PM UTC

}// 134/140

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

Clean Long Trails #Default - demo of technique to fully fade off trails

u/sigveseb

Nice! Looks clean. What's the technique though? So hard to read compressed code on mobile!
u/KilledByAPixel

use difference with white to invert, then lighter with dark grey to make trails, then difference with white again to invert back
u/KilledByAPixel

https://twitter.com/KilledByAPixel/status/12…
u/magna

Ah I had somethign similar-looking: d/11469

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/17720 by u/tomxor

function u(t) {

c.style.cursor='none'
onmousemove=e=>{c.width=innerWidth,x.font='3em"',x.fillText('🐁',e.x,e.y)}

Feb 23 2020 8:11 PM UTC

}// 95/140

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

#mouse position using innerWidth

u/ElisionFR

Where does innerWidth come from and why does it stop working when I put it outside the event ?
u/ElisionFR

Never mind, if I do that c.width= clears the canvas
u/tomxor

innerWidth is just a global (on window) which in the context of the dweet is the iframe which is conveniently the same size as the canvas... It does work outside of the event handler but you have to remember to move the draw function out as well since it will only draw when mouse is being moved.
u/pavel

onmousemove=e=>x.fillText('🐁',e.x,e.y,c.width=innerWidth,x.font='3em"')
u/KilledByAPixel

nice pavel

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/17561 by u/pavel

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐮𩡩𫁴𩑲🐢𨡬𭑲𚀱𭡨𚑳𩑰𪑡𚀩𪑮𭡥𬡴𚀱𘠻𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨𯀽𪠽𜠱𛁬𪑮𩑗𪑤𭁨🐲𛁳𨱡𫁥𚀵𛀵𚐻𪠭𛐻𚑦𫱲𚁩🐲𝠻𪐭𛐻𫁩𫡥𢡯𪑮🐢𬡯𭑮𩀢𚑡𬡣𚀱𞐲𛀱𜀸𛀱𛠳𚠪𚁲👪𚱩𙐲𚱴𙐲𚐬𨐽𚁩𚱪𚐥𜠴𛰳𛠸𜐹𝰫𠰨𬠩𛰲𛁡𚐻𮀮𬱴𬡯𪱥𚀩`.replace(/u../g,'')))

Feb 11 2020 8:11 AM UTC

}// 140/140

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

jylikangas treatment ;)

u/jylikangas

I was so happy to come up with that trick but even happier now to see it repeated. I found it when I wanted to emulate the appearance of a Vectrex console.
u/KilledByAPixel

the best tricks are often the simplest

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

with(x)for(c.width|=i=0,translate(960,540);i<1e3;rotate(i++?1/156:t))fillStyle=`hsl(${i} ${z=S(i/64)**3*99}%${79-z/4}%`,fillRect(0,99,4,399)

Jan 31 2020 7:04 AM UTC

}// 140/140

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

DVD 📀

dwitter.net | KilledByAPixel (17419)