T * sin (t) ≈ Christmas tree • Hacker News Board

Re: T * sin (t) ≈ Christmas tree

#21

Post by elwell » Fri, Dec 27, 2013, 11:30 PM UTC

callmevlad wrote: post #20

Extra credit to anyone who can implement this in HTML/CSS without using the canvas element. Since CSS transformations are hardware accelerated, I bet it can be made to look as smooth as the reference GIF.

Still canvas, but is that any smoother?: http://jsfiddle.net/rYa5d/8/

Re: T * sin (t) ≈ Christmas tree

#22

Post by elwell » Fri, Dec 27, 2013, 11:31 PM UTC

elwell wrote: post #17

with dynamic alpha, and mouse orient around x-axis: http://jsfiddle.net/rYa5d/1/

Actually it's a little better when more spaced out: http://jsfiddle.net/rYa5d/8/

Re: T * sin (t) ≈ Christmas tree

#23

Post by karanbhangui » Fri, Dec 27, 2013, 11:54 PM UTC

elwell wrote: post #21

callmevlad wrote: post #20

Extra credit to anyone who can implement this in HTML/CSS without using the canvas element. Since CSS transformations are hardware accelerated, I bet it can be made to look as smooth as the reference GIF.

Still canvas, but is that any smoother?: http://jsfiddle.net/rYa5d/8/

Nice touch with the subtle parallax!

Re: T * sin (t) ≈ Christmas tree

#24

Post by prafulrana » Sat, Dec 28, 2013, 1:26 AM UTC

http://runnable.com/Ur4mzpVUigJbAALD/christmas-tree-%5Bt-*-s...

Re: T * sin (t) ≈ Christmas tree

#25

Post by britta » Sat, Dec 28, 2013, 2:45 AM UTC

callmevlad wrote: post #20

Extra credit to anyone who can implement this in HTML/CSS without using the canvas element. Since CSS transformations are hardware accelerated, I bet it can be made to look as smooth as the reference GIF.

Several years ago I made a very silly simple Christmas tree in HTML/CSS, with ing lights and Unicode ornaments, and my friend made a way to place your own choice of "ornaments": http://unicodexmas.com/

Not as stylish, but in the spirit!

Re: T * sin (t) ≈ Christmas tree

#26

Post by GeorgeKangas » Sat, Dec 28, 2013, 3:38 AM UTC

May I suggest t * sin( k * ln(t) ), for some constant k? That makes the path self similar about the (0, 0) point. Maybe you'd like that.

Re: T * sin (t) ≈ Christmas tree

#27

Post by gky2 » Sat, Dec 28, 2013, 10:12 PM UTC

Oh god staring at this just motivates me to work. Thanks a lot for sharing, as well as all the commenters showing the different implementations of it.

Re: T * sin (t) ≈ Christmas tree

#28

Post by c3d » Sun, Dec 29, 2013, 6:33 PM UTC

Yet another entry. The Christmas tree in Tao Presentations is less than 30 lines of code, with a star at the top and blinking lights. Code here: http://www.taodyne.com/shop/dev/en/blog/275-a-christmas-tree....