Comments on: JavaScript Challenge #4 (Space, the final grassy gnoll) http://mootools.net/blog/2012/08/15/javascript-challenge-4/ The Blog Sat, 20 Apr 2013 05:31:08 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Brian Nickel http://mootools.net/blog/2012/08/15/javascript-challenge-4/comment-page-1/#comment-3114 Brian Nickel Fri, 17 Aug 2012 16:47:45 +0000 http://mootools.net/blog/?p=1777#comment-3114 <p>Version 2 with some configurability.</p> <p>Stars have subtle variation in size, brightness, and hue.</p> <p>http://jsfiddle.net/bnickel/ub2Gg/</p> <p>It looks like the sawtooth pattern of garbage collection is common across all the canvas-based solutions so far so it's probably attributable to canvas API itself.</p> Version 2 with some configurability.

Stars have subtle variation in size, brightness, and hue.

http://jsfiddle.net/bnickel/ub2Gg/

It looks like the sawtooth pattern of garbage collection is common across all the canvas-based solutions so far so it’s probably attributable to canvas API itself.

]]> By: Pete http://mootools.net/blog/2012/08/15/javascript-challenge-4/comment-page-1/#comment-3113 Pete Fri, 17 Aug 2012 14:43:17 +0000 http://mootools.net/blog/?p=1777#comment-3113 <p>After getting some sleep, I improved the look a bit by adding a randomized acceleration vector and tweaking some other variables. Also fixed a bug where stars would occasionally not get moved because I was iterating the wrong direction through the array (n00b mistake!).</p> <p>http://jsfiddle.net/LXguU/</p> After getting some sleep, I improved the look a bit by adding a randomized acceleration vector and tweaking some other variables. Also fixed a bug where stars would occasionally not get moved because I was iterating the wrong direction through the array (n00b mistake!).

http://jsfiddle.net/LXguU/

]]> By: SJ http://mootools.net/blog/2012/08/15/javascript-challenge-4/comment-page-1/#comment-3112 SJ Fri, 17 Aug 2012 13:54:45 +0000 http://mootools.net/blog/?p=1777#comment-3112 <p>Here's a low-tech plain old elements example:</p> <p>http://jsfiddle.net/raider5/WMwrq/</p> <p>With a small change to the css there can be the same number of stars but half the elements!</p> <p>http://jsfiddle.net/raider5/WMwrq/2/</p> Here’s a low-tech plain old elements example:

http://jsfiddle.net/raider5/WMwrq/

With a small change to the css there can be the same number of stars but half the elements!

http://jsfiddle.net/raider5/WMwrq/2/

]]> By: Pete http://mootools.net/blog/2012/08/15/javascript-challenge-4/comment-page-1/#comment-3110 Pete Fri, 17 Aug 2012 05:59:55 +0000 http://mootools.net/blog/?p=1777#comment-3110 <p>My contribution:</p> <p>http://jsfiddle.net/plamoni/BC89D/</p> <p>Not much to see there. I'm using vanilla JS; the code is pretty short (65 lines) and seems to run pretty quickly (runs fine on my iPhone). I make use of prototypal inheritance, which should earn some extra style points. I also drop in some wizardry involving logical and bitwise ORs. Also, Chrome is showing no memory leakage at all.</p> <p>Sometimes it's the little things that count? :-)</p> My contribution:

http://jsfiddle.net/plamoni/BC89D/

Not much to see there. I’m using vanilla JS; the code is pretty short (65 lines) and seems to run pretty quickly (runs fine on my iPhone). I make use of prototypal inheritance, which should earn some extra style points. I also drop in some wizardry involving logical and bitwise ORs. Also, Chrome is showing no memory leakage at all.

Sometimes it’s the little things that count? :-)

]]> By: Chidge http://mootools.net/blog/2012/08/15/javascript-challenge-4/comment-page-1/#comment-3107 Chidge Thu, 16 Aug 2012 13:57:55 +0000 http://mootools.net/blog/?p=1777#comment-3107 <p>A Vanilla JS implementation: http://jsfiddle.net/chidge/3ach8/</p> A Vanilla JS implementation: http://jsfiddle.net/chidge/3ach8/

]]> By: Brian Nickel http://mootools.net/blog/2012/08/15/javascript-challenge-4/comment-page-1/#comment-3100 Brian Nickel Wed, 15 Aug 2012 23:40:35 +0000 http://mootools.net/blog/?p=1777#comment-3100 <p>My first go, using the canvas.</p> <p>http://jsfiddle.net/bnickel/tYHCc/</p> <p>It's running fast enough but I'm worried about the memory profile. I'm not burning through temporary objects (that I know of) but GC happens every couple seconds seemingly inversely proportional to the number of stars.</p> My first go, using the canvas.

http://jsfiddle.net/bnickel/tYHCc/

It’s running fast enough but I’m worried about the memory profile. I’m not burning through temporary objects (that I know of) but GC happens every couple seconds seemingly inversely proportional to the number of stars.

]]> By: Shaun Grady http://mootools.net/blog/2012/08/15/javascript-challenge-4/comment-page-1/#comment-3099 Shaun Grady Wed, 15 Aug 2012 21:55:39 +0000 http://mootools.net/blog/?p=1777#comment-3099 <p>Nevermind, I fixed it... sorry for the extra posts.</p> Nevermind, I fixed it… sorry for the extra posts.

]]> By: Shaun Grady http://mootools.net/blog/2012/08/15/javascript-challenge-4/comment-page-1/#comment-3098 Shaun Grady Wed, 15 Aug 2012 20:56:13 +0000 http://mootools.net/blog/?p=1777#comment-3098 <p>Actually mod, can you remove that post please? It leaks more than I hoped, thanks.</p> Actually mod, can you remove that post please? It leaks more than I hoped, thanks.

]]> By: Shaun Grady http://mootools.net/blog/2012/08/15/javascript-challenge-4/comment-page-1/#comment-3097 Shaun Grady Wed, 15 Aug 2012 20:52:17 +0000 http://mootools.net/blog/?p=1777#comment-3097 <p>Powered by CSS3 (ain't it great?):</p> <p>Fullscreen: http://jsfiddle.net/shaungrady/9D5kn/embedded/result/ Fiddle: http://jsfiddle.net/shaungrady/9D5kn/</p> Powered by CSS3 (ain’t it great?):

Fullscreen: http://jsfiddle.net/shaungrady/9D5kn/embedded/result/ Fiddle: http://jsfiddle.net/shaungrady/9D5kn/

]]>