The lighting effect in "Misplaced"

A player was wondering how the lighting effect was done in my game, so I thought to share a bit. :smiley:

The lighting effect is actually fairly simple: There's two viewports, one for the "full lighting" view (viewport A), and one for lights (viewport B). Each light is just a sprite that gets drawn onto the viewport B and a simple shader is used to combine the two (basically just multiplying A with B).

Now, what makes it a bit more juicy is the sprite shapes and animations. There are two kinds of sprites drawn onto the viewport B: one is a simple 64x64 fade with some grain to it:

sprite1.png

And another sprite is a donut-shaped fade (and a lot larger):

wave.png

Both sprites are placed whenever the player takes a step or lands a jump, but their animations are different. Both of these are scaled up from zero and faded out along their lifetime. Here's a quick video demonstrating how it looks behind the scenes:

https://www.youtube.com/watch?v=4d---ciIwsg