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

KilledByAPixel

remix of d/24009 by u/BackendForth

function u(t) {

for(c.width|=i=0;i<3e3;i+=.1)x.arc(960,540,i**.5*21,a=i+t,a)
x.stroke()

Oct 6 2021 8:54 PM UTC

}// 71/140

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

Spiral Makes Circle Moiré

u/magna

Awesome! Also, ouch my eyes.
u/Chippackage

WOW!

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

_='🚂ᙆ'
eval(unescape(escape`󩭯󬬨󨼮󭽩󩍴󪍼󟝩󟜹󞜻󪜭󛜻󬝼󯍸󦽦󧜨󦼮󛬮󙼠󣍩󭍴󫍥󢭓󙽝󦽩󧜬󦌫󜜴󜌬󥌩󚝸󛭦󫽮󭌽󙼳󪝮󘬧󛍸󦽦󟜧󩭩󫍬󥍥󮍴󙽝󚍛󛬮󛭟󧝛󬜽󚼨󪜾󞌩󧜬󦌽󬜿󪜪󝼰󛝔󞬲󩜳󚽩󚬲󝌰󛝴󙜶󚬱󩜳󛍱󟼹󜌵󞬷󜼰󚜬󪜦󙭸󛭣󫍥󨝲󤭥󨽴󚍘󛌰󛌳󝬰󛍔󟜷󜌰󚜻`.replace(/u../g,'')))

Oct 4 2021 10:56 PM UTC

}// 138/140

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

Choo-Choo! 🚂 https://github.com/KilledByAPixel/LittleJS

u/sigveseb

nice!
u/vain

haha... sweet

show FPS hide FPS share 4 remixes fullscreen

KilledByAPixel

remix of d/20239 by u/KilledByAPixel

function u(t) {

for(i=c.width|=0;i--;)x.arc(960,540+C(i/40-t*6)*40,i,0,9)
x.stroke()

Oct 4 2021 11:17 PM UTC

}// 68/140

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

Moiré Waves

u/sigveseb

Wow, somehow this one looks the same in fullscreen too for me. I was expecting it to have completely different patterns because of the moire effect!
u/theonewhostands

May I ask why you used 'c.width|=0'? to my understanding, it should always return the same value. 1920 | 0 = 1920
u/danny@hille.dk

when you set the with of a canvas, the canvas is reset/cleared, c.width|=0 is 2 char shorter than c.width=1920
u/theonewhostands

Interesting. I understand now. Thank you very much!
u/magna

Whoa!

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󦌽󭌿󦌫󬬪󝬹󞬰󒭨󟝴󟼹󞜫󜼰󜌪󬬫󞜹󚭃󚍴󚬷󚜺󝽥󜼊󩭯󬬨󪜽󜌻󪜼󪌻󮌮󩭩󫍬󤭥󨽴󚍱󛌷󜌰󚽨󛜫󚽩󛍷󛍲󚜩󬬽󣝡󭍨󛭲󨝮󩍯󫜨󭼽󪜯󝌩󛍸󛭦󪝬󫍓󭍹󫍥󟝒󚍶󟝴󟼰󞬸󜌫󪜬󭬬󭬯󛬸󚜬󮌮󩭩󫍬󤭥󨽴󚍱󟜡󭌦󪜿󬬪󜭥󜼺󦌭󭼫󭼪󬬬󭌿󝼰󜌭󪌫󪜺󭼬󭌿󭼺󮬽󪜿󜬺󜭥󜼬󮬩`.replace(/u../g,'')))

Sep 30 2021 3:52 AM UTC

}// 140/140

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

Treescape 🌲

Show more comments…
u/Joachim

wow!
u/UEZ

nice!
u/rep_movsd

This is one of the best ever
u/rep_movsd

This deserves a writeup
u/KilledByAPixel

Thank you, I will try to do that
u/UEZ

A little bit darker: X=t?X+r*69:(x.fillRect(0,0,2e3,1e3),0) hh=t?99+300*r+99*C(t*7):7e3 for(i=0;i<hh;)ww=i/4,r=Math.random(ww),v=t?0:80+i,x.fillStyle=R(v>>2,v>>2,v/.8>>2,.7),q=(!t&i)?r*2e3:X-ww+ww*r,x.fillRect(q,t?700-hh+i:ww,t?ww:z=i?2:2e3,z),x.fillStyle=R(v,v,v/.8),x.fillRect(q,700+hh-++i,ww,r)
u/UEZ

Btw, thank you very much for the very usefull 𝓒𝓪𝓹𝓙𝓢 editor :-)
u/DaSpider

Next level
u/magna

WHOA
u/aleamb

wow!! #landscape #nature #tree
u/vain

Really impressive! What a beautiful forest landscape with a starry sky <3

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/23964 by u/KilledByAPixel

function u(t) {

X=t?X+r*50:0
for(i=h=350+199*C(t*4+X%1)|0;--i;x.fillRect(t?X-w+w*r:i*8,t?600+(r*8%4|0?i-h:h-i):r*1080,t?w:500,t?2:r*2))r=Math.random(w=i/4)

Sep 30 2021 11:28 PM UTC

}// 139/140

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

Tree Lake #uncompressed

Show more comments…
u/rep_movsd

#art
u/magna

This is #art in several different ways.
u/magna

You could have waited a day and post this as #inktober
u/danny@hille.dk

Love it!
u/sigveseb

Stunning!
u/smtsjhr

wonderful
u/FireFly

awesome \o/

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/15713 by u/KilledByAPixel

function u(t) {

_="𐊪𐀀򐏿𐀀򐅗𐀀򐅗𐀀򐍟𐀀򐏿𐀀򯅕𐠀󯹖𑰀󯾫񑰀󯿿񡵕񧿽񩵕򍿽񭰀򏏽񭰀񤅕𐐀򸊪𔠀򵚪𕐀𕐀𕐀𐐀"
eval(unescape(escape`󩭯󬬨󪜽󜼶󜌻󪜭󛜻󭬦󙭸󛭦󪝬󫍒󩝣󭌨󞜹󚽩󙜲󜌪󠼬󞜹󚼨󪜯󜬰󯌰󚜪󠼬󠼽󝌰󛍃󛍸󛭦󪝬󫍓󭍹󫍥󟝒󚍶󚬱󝌰󛜱󝌰󚜩󚝶󟝟󛭣󪍡󬭃󫽤󩝁󭌨󪜯󝜩󟬾󪜥󝜪󜬦󜼻`.replace(/u../g,'')))

Sep 21 2021 10: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).

🚀 S P A C E H U G G E R S 🪐

u/KilledByAPixel

Play my JS13k game Space Huggers - https://js13kgames.com/entries/space-huggers

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/23876 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󨼮󭽩󩍴󪍼󟝳󟝧󟝪󟜰󞼫󚽪󟌸󞼩󩭯󬬨󭼽󪜽󝍥󜼬󬜽󪬭󜬬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󭬽󬜿󞜹󛝪󚬱󝜺󭼬󭬬󭬩󛍤󟝪󚬹󞜫󭌪󜬰󚭱󚬪󜭼󜌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚍩󚭪󛍱󟽪󟬱󟼲󝜰󚽧󚬲󚽪󚭪󚬱󝬺󜌺󬬪󜜵󛍪󛍱󟽷󞬲󚜩󩼫󟝳󟜨󬬽󚼫󩌪󚬱󛬳󚬱󩜹󙜴󜌩󟌴󟽲󛜲󞭳󛝧󛼲󩜳`.replace(/u../g,'')))

Sep 20 2021 2:50 AM UTC

}// 139/140

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

Parallax Mountains ⛰️

Show more comments…
u/KilledByAPixel

These are non-repeating mountain ranges, using a similar formula used in my #JS13k game Space Huggers
u/rep_movsd

#parallax #landscape
u/rodrigo.siqueira

The first game where I saw this effect was in Moon Patrol, I liked it a lot, it was great and also had a great music. I think it would not be difficult to recreate Moon Patrol from this Dweet.
u/andrea270872

moon patrol ate so many of my coins!! :D
u/tomxor

Pretty sure I first saw the effect in StarRay (Atari ST), I think I enjoyed the music more than the gameplay, no coins though :P
u/vain

Very cool and smooth paralax landscape

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

function u(t) {

for(o=g=i=h=4e3;i--;g+=o=r<2?r-1:o-g/h)r=Math.random(x.fillRect(i*(t+1),g*t+t*300,t+2,h))*20
x.fillStyle=`hsl(${r+t*60-200} 19%${80-t*20}%`

Sep 17 2021 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).

Landscape Generator from Space Huggers, my JS13k game

u/KilledByAPixel

P L A Y S P A C E H U G G E R S https://js13kgames.com/entries/space-huggers
u/KilledByAPixel

This code uses the same method as space huggers uses to draw the parallax background mountains
u/sigveseb

nice colors and technique
u/jellyedwards

Wow

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚝦󫽲󚍫󟜶󚬨󨼮󭽩󩍴󪌽󜼰󜌩󛍦󟝟󟜾󫍩󫭥󥍯󚌹󞜫󚌴󜌭󪼯󜬲󚜪󠼨󨜽󜜮󝬭󪬪󛬴󚜬󞌰󚼳󜌪󠼨󭌩󚼴󜌪󤼨󨜩󚜻󪼭󛜻󬽴󬭯󪽥󚌩󚝦󪝬󫍒󩝣󭌨󜜷󞜹󛝫󛌰󛌮󝌬󪼩󛍪󟝫󙜹󛍦󚍢󩝧󪝮󤍡󭍨󚍳󭍲󫽫󩝓󭍹󫍥󟝒󚍶󟜵󜌫󪼯󝌬󭬪󟜨󭌫󪬫󪼯󜼵󜌩󙬱󛍶󚜩󚜬󩬨󛜭󪬩`.replace(/u../g,'')))

Aug 11 2021 12:00 AM UTC

}// 140/140

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

Amiga Ball

u/KilledByAPixel

#amiga
u/aleamb

wow!!
u/KilledByAPixel

improved... with(x)for(c.width=300,i=2e3,f=_=>lineTo(99+(40-i/22)*S(a=j*.4),80+30*C(t)+40*C(a));i--;i<1800?stroke():fillRect(0,i-1800,i,.4))j=i%9,f(beginPath(strokeStyle=R(v=i/4,v*=(t+j+i/350)&1,v))),f(--j)
u/KilledByAPixel

smaller... with(x)for(c.width=300,i=2e3,f=_=>lineTo(149+(40-i/22)*S(a=j*.4),80+30*C(t)+40*C(a));i--;i<1800?stroke():fillRect(0,i-1800,i,.4))j=i%9,f(beginPath(strokeStyle=R(v=i,v*=(t+j+i/350)&1,v))),f(--j)
u/vain

AMIGA !!!

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/23535 by u/KilledByAPixel

function u(t) {

for(i=4*(c.width=450);i--;x[(t+j+i/350)&1|j>7?'moveTo':'lineTo'](225-C(t/2)*99+(64-i/14)*S(a=j*.4),99+86*C(t)**2+64*C(a)))j=i%9
x.stroke()

Aug 11 2021 2:41 AM UTC

}// 138/140

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

Amiga Ball #uncompressed #amiga

u/KilledByAPixel

fixed bounce for(i=4*(c.width=450);i--;x[(t+j+i/350)&1|j>7?'moveTo':'lineTo'](225-C(t/2)*99+(64-i/14)*S(a=j*.4),179-86*S(t%3.2)+64*C(a)))j=i%9;x.stroke()
u/vain

AMIGA !!!!! :D

dwitter.net | KilledByAPixel (16986)