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

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!

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

remix of d/24046 by u/rep_movsd

function u(t) {

for(i=h=C(t&&h)*420;i-->0;x.fillRect(...t?[t*1e3-r*i/8,640+(i&5?i-h:h-i),i/4,2]:[i*8,r*560,h,r]))r=S(h^i)+1

Oct 8 2021 3:22 PM UTC

}// 107/140

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

Tiny Tree Lake

u/KilledByAPixel

Major compromise here of not having the curved shape but I made some tweeks so it still looks ok
u/rep_movsd

r*560 -> r*h
u/KilledByAPixel

if you do that the water cuts off 2/3 of the way down

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/24008 by u/KilledByAPixel

function u(t) {

for(c.width|=j=9;j--;)for(i=h=300+C(j)*99|0;--i;x.fillRect(500+99*j+S(t)*300-r*i/8,600+(i%5?i-h:h-i),i/4,2))r=1+S(i*i+j)+S(i%5?0:t+i)-C(t)

Oct 7 2021 5: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).

Treefault 🌲 #default

u/danny@hille.dk

⚓Way hay and up she rises⚓
u/magna

Ahahah. Thank you for this!
u/magna

#meta
u/KilledByAPixel

you inspired the idea!
u/vain

amazing

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 5 remixes fullscreen

KilledByAPixel

remix of d/23975 by u/tomxor

function u(t) {

for(X=t&&X+r*25,i=h=5+X%4*C(t*5)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*600,h,r]))r=1+S(i^X)

Oct 6 2021 6:12 PM UTC

}// 119/140

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

Tiny Tree Lake 🌲 Golfed by pavel, gibson042, yonatan, tomxor, and me

Show more comments…
u/magna

If you keep golfing this down, I'm going to come and slap a default on top of it!
u/rep_movsd

C(t) also produces a passable landscape
u/tomxor

#teamwork !
u/danny@hille.dk

114 -> for(X=t&&X+r*25,i=h=5+X%2*t<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*600,h,r]))r=1+S(i^X)
u/KilledByAPixel

that is good but we lose the curve which is the only thing holding together the composition
u/rep_movsd

for(X=t&&X+r*25,i=h=6+2*C(t*5)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*h,h,r]))r=1+S(i^X)
u/rep_movsd

for(X=t&&X+r*25,i=h=6+2*C(t*5)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*h,h,r]))r=1+S(i^X)
u/KilledByAPixel

great attempt! not sure it is possible to get smaller without cutting something. in this case the X%4 part is necessary to make the trees varying heights
u/FireFly

"boring" -1, distribute the ?: across args in the fillRect: x.fillRect(t?X-r*i/8:i*8,t?600+(r*8&3?i-h:h-i):r*600,t?i/4:h,t?2:r). Or more depending on what artistic tradeoffs you're okay with, e.g. just always setting height to r isn't terrible

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

dwitter.net | KilledByAPixel (16501)