Frostwood Interactive
  • Unwording
  • Rainswept
  • Forgotten Fields
  • Blog
  • Steam
  • Press Kit

#9 How simple 2D lighting is being done using blend modes in Rainswept

3/18/2018

0 Comments

 
As the name suggests, weather plays a major role in creating the atmosphere for Rainswept. It's usually raining in Pineview (obviously) but there are times when the sun manages to break through and bathe the hills and valleys in a magical orange glow. Not only is it pretty to look at, but the contrast between the weather conditions makes the player more aware of when it does rain. Here's a comparison between an overcast day and a clear evening, during sunset:
Picture
You'd be surprised to learn how easily this effect is achieved! It basically just consists of putting a blue gradient over the scene, and setting its blend mode to "divide" - which is a built in feature in photoshop but requires a custom shader in Unity to implement (or an asset that does it for you - I use "Blend Mode Shader 2D") I'm not sure if this is pretty much how lighting effects have always been done for 2D games, but it's been exciting working this out on my own!
​A similar method is used for creating the interior lighting affected by the stained glass in the church as seen here:

Picture
​There are multiple layers at work here, but the main red and blue effect is created by using the following gradients (Red set to "Linear Dodge" and blue set to "Pin Light" blend modes)
Picture
Pretty simple, yet effective, right? This method is used across the whole game to create a whole variety of effects, including the glare from the sun. Just a circular gradient  can be used instead of creating dynamic light effects for a 2D game. It's a huge time saver, but looks pretty decent too!
In this scene, multiple layers of lighting have been stacked (and given parallax) to create the glare from an early morning sun shining through the windows.
Picture
If we separate the layers out, this is what is seen:
Picture
To show in greater detail how the layers are stacked on top of each other (and what blend modes have been used for each of them) you can take a look at this image:
Picture
Using this method successfully comes down to trial and error, and a lot of experimentation. Multiple combinations of base color for the gradient, combined with one of the many (25 total) blend modes end up creating scenes and effects that I didn't even have in mind before starting out. It's a really exciting process, and I can't wait to see the different ways it'll continue to affect the visual style of Rainswept!
See you next week :)
-Armaan
0 Comments



Leave a Reply.

    Author

    Hi, I'm Armaan, the creator of Rainswept and Forgotten Fields. On this blog, I post weekly updates about my games' development (or as often as possible!)

    I sometimes also ramble about other video games and things like atmosphere, storytelling and emotions in video games!

    Never heard of Rainswept? It's an adventure game dealing with themes of love, relationships and unresolved trauma, out NOW on PC, Mac and Linux.


    Archives

    January 2022
    December 2021
    November 2021
    October 2021
    March 2021
    December 2020
    October 2020
    September 2020
    August 2020
    July 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    November 2017

    Categories

    All
    Devlogs

    RSS Feed

Powered by Create your own unique website with customizable templates.
  • Unwording
  • Rainswept
  • Forgotten Fields
  • Blog
  • Steam
  • Press Kit