Fake Atmosphere

Posted by (twitter: @louroboros)
May 4th, 2012 2:41 pm

(This is a cross-post from my post-compo devlog.)

I’ve been playing around with different ways to fake the atmosphere of a planet in a 2D canvas context.

That’s interactive, by the way, so mess around with it (Chrome/Chromium is recommended!). Clicking on/around the planet changes the “angle” of light. You can get some pretty nifty looking results. I made this to determine what were reasonable parameter-ranges to use to generate plausible-looking planets.

The way I get the sort of “volumetric” look for the atmosphere is really simple: I just stack many semi-opaque layers of the same gradient-filled-circle over the planet, each one having a radius slightly bigger than the previous.

I actually threw this together using with a JSFiddle which you can view/hack here.

Of course, I still need to figure out how to combine this with a surface/cloud texture (procedurally generated or otherwise…).

Tags: , , , , ,

One Response to “Fake Atmosphere”

  1. Chinchilla says:

    Very, very cool effect!

Leave a Reply

You must be logged in to post a comment.

[cache: storing page]