First, we would like to thank everyone who’s been following us on twitter recently and has shared our post, we really appreciate the help towards our project, thanks to everyone!!!
This post is part of a series dedicated to the development of INNER. If you want to know more about what is the game about, please check this other post.
Hi everyone, my name is Isaac Cortissoz. In Killa, we assume many roles as what we call us “Creative creators” but if you ask me what do I do, I am in charge on both the game and art direction.
In this post, I will show some work we have done in creating the look and feel of the game. How does the art direction affects the environment and many tricks on how we are dealing with creating a solid black and white world.
First, we have to start by defining what are our pillars in the art direction of the game and what we want to whichever, for INNER, they are the following:
We present the future as a coldINNER’s design rules
and dark enviroment where
there are no soft edges or
this phrase helped us create rules to our world, helping us defying our pillars:
with that in mind, we started to work in concept art
we established rules on how to handle curves in 3D since we wanted to follow our concept art as true as possible and avoid any use of curve surfaces.
Considering all this, we started to create our world in 3D.
it looked weird because it was the first time for the team working with Unreal Engine 4 so we noticed something odd on how the engine renders the black and white graphics, so we decided to add temporal anti-aliasing with a better way of rendering textures.
that gave a better and sharper look at what we created, we felt that we were hitting the right spot.
but there was still something missing in our skybox… more buildings! but we just couldn’t create more buildings and expect they just look the way we wanted, we wanted to create the feel of a huge city behind all of this.
we did some research in games like Splatoon 2, How they handle skyboxes and we found out that creating small props that simulate buildings and place them outside of the map and positioning them in a smart way will create the illusion of depth and size that we wanted.
After that, we added post-processing to get the right “white yellow-ish” color we wanted. Here are some examples of before and after:
In Inner we want to create areas where the player can just stop and look at an amazing view. We took Portal 2 and Team fortress 2 as an inspiration for that, spaces where you just stop and “admire the view”.
So we took some areas of the maps and transform them into what we call “Woah Shots”, because we want the players to say “Woah”.
INNER is filled with places like this, where the player can just stop for a second, move the camera a bit and admire the nice view.
Working with black and white is really difficult and hard, we don’t recommend anyone to do that ever again…and with that said, we love black and white but that love comes with many difficult and hard decisions, from technical to artistically.
The use of limited colors is a challenge in a videogame and we had to set our own rules on how to handle them…
one of the problems we faced during the early stages of development was creating the floor texture. If we placed the character or any other object over a plain black texture it will feel like the object was floating, simulating a world void effect.
Other problem was with chess-like floor, it looked like the player was on a 3D software grid, making it look dizzy and hard to watch.
after facing these two big problems with our floor texture, we started doing more research in what we can do to avoid those two effects.
We looked at MadWorld for the Wii and how they solved these kind of problems, the solution was to add small dots that simulate noise in our floor to break the effect of a void, and for the grid effect, we added some wear and tear details to the textures, avoiding them to connect and form a full grid.
Reading an object’s depth was really hard and we came up with a solution, we took inspiration from traditional ink art and how they use lines to separate objects.
In INNER we want to have control of the entire look of the game, so we created outlines on the wall’s edges only for specific areas of the game, these outlines help with readability problems.
We didn’t wanted to fill the entire world of INNER with outlines, since we wanted to respect our art direction and how outline works in inked art so we made them in way that they are only visible trough certain angles.
As the Art Director of the project, I know we will face many challenges during the rest of the game development, we are still in our early steps but we feel we are capable of working around any problem we can face in the future.
I am to open to any comment, please email me at email@example.com.
more post like this will come in the future, we are working the best we can.
INNER is a narrative game with stealth and hacking mechanics, a psychological thriller set on a dystopian future where everyone and everything is being tracked by a huge corporation called Zenith.
in the game you play as Aaron, a Spy that works in the dark market with the only purpose of destroying Zenith from its inside.
explore the world of city one, a dark futuristic city under construction in which the game’s plot unfolds; discover secret mysteries, meet its people, form allies and unmask zenith’s plan
interaction with the world is crucial, in INNER the player is able to inspect zones, items and with the use of his special hacking abilities it can even hack into people’s private information, hack like a real hacker will do writing code in your phone’s terminal to access the world.
Illegal traffic and trade of information, espionage, hit man services and more are requested as missions through the DEEP MARKET, a site where people who accept these kinds of missions are called DIVERS. Players will be able to advance in the story by accepting these missions.
Creating the outside areas of INNER is a really big task for us, we focus in making this world feel like a huge metropolis with a lot of detail, something that is very hard to achieve when your game is in black and white and small details could blend in the environment making it look like a mess.
some shots taken from Unreal Engine 4.