Olvand is a little multiplayer sandbox RPG, where the players live in self-built towns and can go on all kinds of adventures together. Imagine living with your friends in a small town in the mountains, or creating a new group of friends in a pub in the metropole you all live in. There will be several mini-games the inhabitants of a server can play together, among which will be combat based games like King of the Hill or Capture the Flag. You will be able to play against other people in your city, or as a city against another city, or as a whole server against another server. The combat works with self-built guns, in which all kinds of powers can be combined to create unique effects.

Post news Report RSS Shadows in Glux

In this blogpost, I explain how the color of the shadow is calculated in my new lighting engine Glux.

Posted by on

Hi everyone, two weeks ago, I did a more technical post on how the basics of my ligthing system work. Various people, both strangers from the internet and people from real life, told me they're really interested in seeing how I solve problems like that (as opposed to descriptions of what I accomplished). Therefore, I'd like to spend this week's blogpost on how shadows work. Or the color of the shadows, to be precise; how I calculate the shape and the location of a shadow will be a topic for another time.

My first try: erasing light at the end

Shadows are not really 'a thing'; they're the non-presence of light. You may remember that for the lights I create a 'lighting layer' which drawn over the world, like this:

Zoom in (real dimensions: 827 x 280)Image

So, if I know the shape and location of the shadow, what if I make this part black in the lighting layer? This indeed works pretty well:

Zoom in (real dimensions: 827 x 280)Image

Or at least, if you have only one light. Two lights in one scene create two different shadows for the same object, and if you draw both of these on top of the lighting layer, this starts to look really unnatural:

Zoom in (real dimensions: 250 x 250)Image

My second try: erasing light for each light

The solution to this is relatively simple, however. You may also remember that the lighting layer is made by combining separate layers for all lights (by blending them together using the 'screen' blending mode - you can try this out in GIMP or Photoshop):

I draw the correct shadows on the correct layers before they are combined into one general lighting layer, we get what we want:

Zoom in (real dimensions: 250 x 250)Image

I should add that I realize it does not look that natural in this hand-crafted example. I promise it looks good in-game :).

Anyway, this works well for topdown games. Olvand, however, is 2.5D. This means that Olvand is not fully top-down, but also not fully a sidescroller, but something 3D-like in-between; you can see the players disappear behind houses and trees if they go stand behind them, but it's not like you can move the camera around in the world. If we apply the lighting system above to Olvand, we get something like this:

Zoom in (real dimensions: 250 x 250)Image

The shadows are drawn on top of the objects!

My third try: a separate shadow layer

Apparently, after we draw the shadows, we want to 'take away' the shadow again on places where an object is in front of the shadow. With the system above, this is not possible; by drawing the shadow directly onto the light layer, the system forgets how the light looked there. That means we'll have to 'cut out' the shapes of all objects in the shadows before they are drawn. I discovered this can be achieved by also creating a separate shadow layer for each light. The ligthing system now works as follows:

Zoom in (real dimensions: 250 x 250)Image

I start out with a fully white screen on which the shadow are drawn.

Zoom in (real dimensions: 250 x 250)Image

I then create a white version (which turned out to be quite hard, by the way) of each object, and draw this on top of this shadow layer.

Zoom in (real dimensions: 250 x 250)Image

A light layer is created. This shadow layer is then merged with the shadow layer with the 'multiply' blending mode, which in practice means that all parts which were white are now transparent.

Zoom in (real dimensions: 250 x 250)Image

The same is done for all other lights in the scene. The results are combined with the 'screen' blending mode. The result is drawn over the scene with the 'multiply' blending mode, and voila! This is more or less where I am now!

If you want more development, see [twitter] or [facebook]. If you want to be a tester, you can subscribe on [olvand.com].

There won't be a blogpost next week, as I'll be in Bratislava by then for work!


Excellent article. :)

Reply Good karma Bad karma+3 votes

looking good

Reply Good karma Bad karma+3 votes


Reply Good karma Bad karma+1 vote
Post a comment
Sign in or join with:

Only registered members can share their thoughts. So come on! Join the community today (totally free - or sign in with your social account on the right) and join in the conversation.

Follow Report Profile
Send Message
Release date
Game watch
Dev Diary
Post news
Related Games
Olvand Role Playing
Related Groups
Indie Devs
Indie Devs Hobbies & Interests with 1,612 members