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/27539 by u/KilledByAPixel

function u(t) {

for(c.width|=i=30;i--;x.fillText('D W I T T E R',50+i,800+i,1800))x.fillStyle=i?R(x.font='900 8in arial'):'#fff'

May 28 2023 5:38 PM UTC

}// 112/140

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

Shadow Font

Show more comments…
u/Joachim

Minus four chars… for(c.width|=i=30;i--;x.fillText('D W I T T E R',50+i,800+i,1800))x.fillStyle=i?R(x.font='8in arial'):'#fff'
u/KilledByAPixel

that one is a bit different without bold font, however i noticed the c.width|= is not necessary
u/Joachim

Oh, okay. The bold font doesn’t make any difference on the device I’m using.
u/deobfuscate

Ive always wanted to know why |= is used. Why specifically use the or equal operator?
u/deobfuscate

Ive always wanted to know why |= is used. Why specifically use the or equal operator?
u/deobfuscate

Whoops, accidentally posted it twice.
u/cantelope

|= isn't or-equal, it's the bitwise or, not an operational or... in the vein of a *= b, it performs the bitwise 'or' operation on the settee. e.g. a |= b is the same as a = a|b ...hope this helps :)
u/deobfuscate

I messed around with it: 0|0 is 0, 1|1 is 1, and so on. But if both numbers are different, it returns the sum.
u/KilledByAPixel

to clear the canvas you just have to do a math operation to the width or height, i use |=0 for some reason but you can use +=0 or -=0 or *=1 etc

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚜨󭌪󟜶󜌩󟬲󟽴󟌱󜼿󨽬󩝡󬭒󩝣󭌨󞌱󜌬󚍴󛜱󚜪󚬮󞌪󝼹󛌳󜌰󛌹󛍦󪝬󫌨󨝲󨼨󞜶󜌬󞌳󜌬󜬳󜌬󜌬󞜩󚜩󞭴󟌱󝼦󙭣󫍥󨝲󤭥󨽴󚍴󚬶󞜭󝌳󛌰󛌲󜜭󭌬󜭥󜼩󞭦󪝬󫍓󭍹󫍥󟝒󚍦󪝬󫍒󩝣󭌨󭌦󙬸󜜰󛌰󛍴󟼳󜌰󞬲󩜳󛌲󩜳󛍦󪝬󫍓󭍹󫍥󟝴󟼧󘼴󜬱󙼺󙼣󜬶󨜧󚜩`.replace(/u../g,'')))

Jan 9 2023 4:10 PM UTC

}// 138/140

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

U1KE 🎻 A 1 kilobyte ukulele simulator - https://killedbyapixel.github.io/1k/U1KE

u/KilledByAPixel

new link: https://killedbyapixel.github.io/TinyCode/1K…

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

t=t*60|0
x.setTransform(...t%3?[t%2?-2:1,t%2,0,-1]:[1,0,-2,1],1e3,800)
w=S(p=t**3/1e7)**2*1200
x.fillRect(...t%5?[p,0,1,w]:[0,p,w,1])

Dec 11 2022 7:19 PM UTC

}// 133/140

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

Dark Corner

u/CalSch

#waitforit

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/26520 by u/KilledByAPixel

function u(t) {

for(t?x.fillStyle=`hsl(${t*7200} 100%50%`:d=Date.now(),i=35;i--;)for(j=35;j--;)x.fillRect(((d*t)**3%163-i-j%2/2)*15,t*2e3-j/.08,z=t?8:d,z)

Nov 27 2022 3:24 AM UTC

}// 138/140

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

🟥🟩🟦

u/magna

#crt

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󬬽󬬽󟭍󨝴󪌮󬭡󫭤󫽭󚌩󚭲󯌰󒭗󟝲󚌳󜌩󒭈󟝲󚌵󜌩󒭷󪝴󪌨󮌩󩭯󬬨󩭩󫍬󤽴󮝬󩜽󨍨󬽬󚌤󮽲󚌳󚜿󬬨󜬩󚬶󜌺󜬴󜍽󘌹󞜥󙍻󬬨󜬩󚬵󜍽󙝠󛍩󟝗󞽩󛜭󞼩󩭯󬬨󪬽󢌻󪬭󛜻󨭥󩽩󫭐󨝴󪌨󚜩󩭩󫍬󚍡󬭣󚍗󚬪󞜥󜭥󜼭󚍩󚽪󙜲󛼲󚜪󜜵󛍴󚬱󩜳󛝪󚬵󛼮󝌬󞜪󪬯󢌬󜌬󞜩󚜻`.replace(/u../g,'')))

Nov 25 2022 5:05 PM UTC

}// 138/140

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

Halftone Study

u/magna

r(3)*120+60 for CMYK?
u/magna

And x.globalCompositeOperation='multiply' for subtractive colour mixture (as in CMYK print) -- but it's really hard to fit all that in!
u/magna

Testing CMY blending: d/26523 Would look amazing with your halftone!
u/KilledByAPixel

that is pretty cool, i am experimenting with cmyk too

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/26500 by u/KilledByAPixel

function u(t) {

r=r=>Math.random()*255+9
for(i=20;!t&&i--;x.fill`evenodd`)
x.quadraticCurveTo(r()*7,r()*4,r()*7,r()*4),x.fillStyle=i>2?0:R(r(),r(),r())

Nov 21 2022 4:49 AM UTC

}// 135/140

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

Abstract Spline Shape Generator

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󮌮󩭯󫭴󟜧󜽥󫜠󫝯󫭯󬽰󨝣󩜧󒭡󟝤󫽣󭝭󩝮󭌮󨭯󩍹󛭩󫭮󩝲󢍔󣝌󦽴󟝴󚬶󜍼󜍝󒭘󟝴󟽴󚬲󝜫󜽥󜼺󞌲󜌊󨜦󙭸󛭦󪝬󫍔󩝸󭌨󭌿󨜺󙽒󡝄󠝃󥍅󡌮󢍔󣝌󙼬󩜽󦌥󜜹󜌰󛍦󟜨󦌯󜜹󜌰󯌰󚜪󝜰󚼸󜌩󒭔󯍼󮌮󩭩󫍬󤭥󨽴󚍥󛍦󛜳󜌬󜬶󛌴󜌩󒭡󟜽󙼻󙽼󨜽󟜧󧍮󙼿󥌽󤼨󭌩󟬰󞬰`.replace(/u../g,'')))

Oct 29 2022 6:34 PM UTC

}// 139/140

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

REDACTED.HTML

u/magna

ahah

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚝴󟽢󩝧󪝮󤍡󭍨󚍦󪝬󫌨󚜩󞭁󟝛󩽬󫽢󨝬󠽯󫝰󫽳󪝴󩝏󬍥󬭡󭍩󫽮󟜧󮍯󬬧󧜬󨝲󨼨󦌽󣝡󭍨󛭲󨝮󩍯󫜨󦬽󜭥󜼩󚭚󛍙󟝘󚬪󝜥󦬬󚍁󛭭󨝰󚍡󟜾󦬽󚍲󟝍󨝴󪌮󪍹󬍯󭌨󨜮󦌭󦌬󨜮󦜭󦜩󚜼󚍺󟝡󛭚󚜿󮬪󛬸󛝲󞭲󟍺󚽚󟽲󛝺󞭚󚜬󦬾󜌿󦬺󜌩󛌡󠜮󬍵󬽨󚍻󦌬󦜬󦭽󚜬󞜩`.replace(/u../g,'')))

Apr 17 2022 8:17 PM UTC

}// 140/140

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

Circling ⚫⚪

u/KilledByAPixel

different every refresh #slowdraw
u/KilledByAPixel

#packing

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/24446 by u/KilledByAPixel

function u(t) {

r=r=>Math.random()*r|0
X=r(4e3)-2e3
Y=r(4e3)-2e3
v=r(w=r(h=r(500)))
x.rotate(t*w?0:X)
for(i=w*h;i--;)x.fillRect(X+i%w,Y+i/w,S(t),S(i%v)/t/t)

Dec 5 2021 9:26 PM UTC

}// 140/140

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

Generative Grayscale Study #2

u/KilledByAPixel

Different every time, give it about 10 seconds to draw.
u/KilledByAPixel

https://www.fxhash.xyz/generative/2370 #fxhash

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

function u(t) {

c.width|=f=(t,X,Y,s=3)=>x.fillText(t,X,Y,1500,x.font=s+'in"')
f('𝗖𝗔𝗡𝗗𝗬𝗠𝗔𝗡',210,220)
f('👁️',230,1020,11)
x.rotate(.4+S(t)/29)
f('🐝',1380,340)

Oct 10 2021 3:07 PM UTC

}// 140/140

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

Dare you say his name 5 times... 🐝 #ScaryMovies

u/danny@hille.dk

A movie reference for a movie that premiered 21 years ago... -> ofcourse you got my awesome
u/magna

CANDYMAN
u/KilledByAPixel

Don't say it!

dwitter.net | KilledByAPixel (17366)