16
Kami
8y

Hey! First post on rant by saying merry Xmass!
This is my Christmas tree made from JavaScript ! I can change the height of the foliage and the wood part follow !
For those like me who live in a country where you only have the cold but not the snow 😅❄️

Comments
  • 1
    Now with floor generation !
  • 0
    Particle.js as snow?
  • 0
    No, no library, just rectangle and ellipse drawn everywhere for the fir and the snow
  • 1
    Love the parallax snow but it feels out of place with the 8-bit tree both because of the parallax effect and varying particle size. Maybe add some details to the tree and use a triangle shape (much smaller squares) instead of the big waterfall squares (possibly with AA)?
    EDIT: I see you made the squares smaller in the second iteration, it's much better already :)
  • 0
    Good add Bikonja, I divided my tree in square to build it (more easy to do a variable sized tree)

    so if I say that 1 square = 1 px, I can put 1000 in the size to create a 1000px perfectly triangle tree !
  • 0
    Like so
  • 1
    @Kami maybe you can add a few decoration sprites then and add them to random green squares? Distribute them uniform around the tree and always x percent of number of tree squares and with the size in a variable. Should be easy enough to do and give a lot of room to play around with how it looks and easily add a new sprite to make it even nicer... God I miss programming :) (haven't done any in a few days and any like that in quite a while)
  • 0
    @Bikonja yes I'm looking more into decoration stuff
    But for now I want to add dat.gui library to make playing around with settings more intuitive and fun for my friends but I m stuck even if it's look really simple to add
  • 1
    @Kami haven't seen dat.gui so can't help you there without seeing it and I'm off to bed now, but I might just play around with a similar thing these days, you've gotten me in the mood :)
  • 0
    @Bikonja happy to ear that ! I started creative programming when I was in vacation, no work to be busy with but also don't want to do what I do in my work for fun, so JavaScript is really helping me to satisfy my hunger of doing useless things with coding 😅
  • 2
    You can now play with it :)

    https://codepen.io/KamiFR/full/...
Add Comment