JavaScript Challenge #4 (Space, the final grassy gnoll)

Written by Christopher Pitt on 15 August 2012 – Posted under all, challenges

Back in the old days, there was an operating system named after transparent, glass-filled wall apertures numbering in mid-90’s. This operating system was designed to run on computers with CRT screens, which actually needed software to upset the patterns of light they generated, called screensavers.

This operating system had just such software, in a number of different variations. One of these created the “illusion” that the observer was travelling through space, passing stars. This is the subject of this week’s challenge.

Refer to the following diagram...

...not very helpful.

The idea is that “stars” appear in the center and move to the bounds of the viewport. However you choose to create this effect is up to you.

Hint: you can achieve the effect using elements, canvas or SVG but so long as they move outward you are on the right track. What we’re interested in is how efficiently this can be coded and how little yours leaks! Try spicing things up by adding interactivity or variation of any description.

You can make your solutions as intricate or as basic as you wish!

As before; post your solutions in the form of links to jsfiddle, tinker or jsbin (in the comment section) and we’ll update this post with a link to a review post detailing solutions that we think tackle the problem in ways worthy of mention.

Good luck!

EDIT [2012/08/22]: We are closing comments and reviewing submissions. We will follow this post up with a review of our favourites and what they teach us about the task and JavaScript development in general.

comments powered byDisqus