/atree

Just a simple christmas tree, based on redit story

Primary LanguageJavaScriptMIT LicenseMIT

Christmas Tree

I found animated Christmas tree on reddit:

reddit tree

Was curious to make it in js. This is work in progress. Current results are here: Merry Christmas!

How it's built?

The tree is built of two spirals. These 11 lines of code render one line on spiral. It includes 3d projection and background shadow. Almost the same as this wiki image:

spiral

I tried to replicate original animated gif of a tree, but...

It's not perfect yet

Want to help make it better? There are small things which are not perfect:

  • I do not properly mimic spiral's curvature at the top of the tree
  • Colors need to change more gradually, depending on Z coordinate
  • Shadows are not accurate
  • I think code is more complex than it should be.

Happy Holidays!

license

MIT