Dweets awesomed by u/gravityGobbler

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

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

pavel

remix of d/23821 by u/pavel

function u(t) {

for(c.width=w=127,i=n=9087;i--;u[i]=420*t>n-i?p&u[r=i+w+i*t%3|0]<1?u[r]++:p:(X-Y/2-30*t-w&Y)<1)x.fillRect(X=i&w,Y=i>>7,.7,p=u[i])

Sep 10 2021 9:36 PM UTC

}// 129/140

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

Mr Sierpiński, I don't feel so good

u/Joachim

#sierpinski #particles #physics
u/tomxor

interesting idea (transitioning between imovable and movable).
u/Toby

Very original!
u/rep_movsd

Entropy :(
u/donbright

bravo

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/19550 by u/tomxor

function u(t) {

for(c.width=w=127,i=9087;i--;t?p&u[r=i+w+r%3]<1&&--u[i]&++u[r]:u[i]=r)x.fillRect(X=i&w,Y=i>>7,.5,p=u[i]),v=Y-36,r=(X/3-21)**4>v*v?2:i*t|Y<30

Sep 10 2021 2:03 AM UTC

}// 140/140

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

Overfilled #hourglass

u/pavel

#time
u/rep_movsd

Amazing!
u/tomxor

Excellent! makes me wonder what else we can do with this stuff...

dwitter.net | gravityGobbler (2984)