State of the Art – August 2018

Welcome to the State Of The Art, August 2018 edition! This monthly progress report is written by Frank DiCola and is focused entirely on how the game’s visuals have improved in the past month.

Missed last month’s State of the Art? The July edition is right here.

 


For Our Eyes Only

A quick note, before we dive in… since this is the final State of the Art, it’s going to be a little bit underwhelming. Sorry about that! The game is so close to being finished that Jack and I don’t really want to release any more images or footage until Where Shadows Slumber is uploaded onto the App Store. In the past, journalists have accidentally used our old images of previous builds (including our 2016 Demo!) in their articles instead of new stuff. For that reason, we’re trying to put some distance between our progress related uploads and the launch of the game.

If you were lucky enough to visit us this past weekend at Play NYC, you got a chance to play the final pre-release build of the game! As you would have seen, all of the art is totally done with the exception of a few cutscenes that need some polish. We brought a build that had every Level and Cutscene in the game, so we got a chance to see people play every part of the finished build. Two brave souls even dedicated a few hours (across both days) to finishing the entire game! So even though there are no new images in this article, rest assured that this is a good sign of progress, and not a bad sign that I’ve been sitting on my hands the past 6 weeks!

Thank you so much for following this blog, and I apologize for the lack of juicy spoiler images. You’ll have to wait until the game launches on iOS and Android later this year to feast your eyes on the beauty that is Where Shadows Slumber. Until then, enjoy these sweet black rectangles!

 

 

Black

Art, Then and Now

The last State of the Art was written on July 3rd. At the time, the only pieces of art left to do were the game’s last four cutscenes – World 5, World 6, World 7, and an animated Credits sequence. Small artistic touch-ups were needed across the game’s many Levels, as well as a few art related bugs.

Those last four cutscenes are all nearly complete. I say nearly because, since time is of the essence, I animated them just far enough so that our wonderful audio team could take over and begin creating sound effects. Today, in an effort to finally finish the game, I’ll put the last little details into these scenes. These details include things like snowy footprints or rustling trees – background information that isn’t necessary, but helps to paint a better picture of the scene. I know Jack is eager to crunch every Level and Cutscene so we can have a fully 100% optimized game, so right now it’s more important to call these scenes done than to obsess over the details. I shall spend not one more day on them!

Other than that, there are some release prep things I still need to do. I try to focus on tasks that involve other people first, which means I put off some solo projects like the game’s app icon, app preview video, press kit, and our release date announcement trailer. We’re not announcing our release date yet, but [spoiler] when we do it will be in the form of a cool trailer! We’ve heard that’s the best way to generate buzz for the game. Hopefully our efforts these past 2 years to “pre-market” the game mean that when the trailer hits YouTube there is a large group of fans eager to share it around social media.

 

Black

Thoughts on The Ending

Soon, I will stop being the artist on Where Shadows Slumber and become Mr. Bug Finder. Then, in the weeks before the game hits the App Store, I’ll be Mr. Marketer. After that, I’ll be Mr. Salesman as I go on the Extremely Real and Actually Real Where Shadows Slumber World Tour! (Buy our game so we can do this)

It’s so strange to think that in just a few days, I won’t be modeling environments or animating these characters ever again. Saying goodbye is a bit of a relief, but it’s also disturbing. It feels a bit like leaving a job at a company without having another one lined up. And I’m not talking about the financial success of the game (we have no idea what to expect… $500? $500,000?) but rather my own personal sense of purpose. I never thought I would feel totally lost right at the moment our three year passion project is about to hit prime-time. Is this normal? How am I supposed to feel?

Anyway, this is the State of the Art blog, not the State of Frank’s Mind blog. Let me save my goopy tell-all for a podcast appearance with Jack sometime. (Speaking of which, even if you have the tiniest, most insignificant YouTube channel or podcast, invite one of us on! We love to talk! Contact info in the signature below) All you need to know right now is that the art is 98% finished and we’re heading into our final Quality Assurance (QA) stretch.

Stay tuned to this blog for mega updates about the game, tales from QA hell, and maybe even a comedic play-by-play of our upcoming Xcode struggle. Thanks to Jack for giving me a good name for this blog, and thanks to everyone who has been keeping tabs on us. I may resurrect this monthly recap if we have new art updates, such as when we port the game to Amazon’s Alexa, but right now I’m looking forward to wearing a different hat for a while.

See you next week!

 

 

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =

Thanks for reading this entirely text-based art update! If you’re new to this blog, you can find out more about our game at WhereShadowsSlumber.com, ask us on Twitter (@GameRevenant), Facebookitch.io, or Twitch, and feel free to email us directly at contact@GameRevenant.com.

Frank DiCola is the founder of Game Revenant and the artist for Where Shadows Slumber.

Join Us At Play NYC 2018!

The team behind Where Shadows Slumber is thrilled to announce that we’ll be returning to Play NYC this weekend (Saturday August 11th and Sunday August 12th) for its second year in operation. Play NYC is a massive game convention that takes place right in the heart of Manhattan, and welcomes game developers from all around the Tri-State area to show off their work.

Play NYC has grown a lot over the past year – the event will now be held at The Manhattan Center, and over 100 exhibitors are expected to showcase 140+ games over the course of the weekend. However, one thing has not changed: though Play NYC 2018 is only in its sophomore year, it has quickly become New York City’s premiere indie game event. We can’t wait to meet more fans and show you how far the game has come!

If you haven’t purchased tickets yet, hurry up and buy them! Note that you can only pick up tickets for a portion of each day, not an entire day. Since Play NYC isn’t a 4-day event like PAX East, Playcrafting decided to split each day into 5-hour chunks of time to simulate the 4-day experience.

As developers, we love that. There probably won’t be any slumps during this weekend at all. Generally at these conventions, there are periods where the attendees have seen everything they are interested in, and you have a good hour or two with no foot traffic. I don’t think that will be a problem! I’m not sure how the public will react to this setup, but I hope attendees enjoy the show regardless. Personally, I think 5 hours should be plenty of time if you are coming to Play NYC for the first time and you just want to see what it’s all about.

 

Image-6 Exhibitor Ad.jpg

Play NYC In The News

Many prominent journalists are covering Play NYC, which is another thing Jack and I find so appealing about the show. The event itself is a big deal, which means it should attract even more journalists who want to write about underground games made by independent teams.

Here’s a few links to some articles about the event:

We got a shout-out in TechRaptor’s promotional Play NYC article.

The New York Times wrote an article about the difficulties game developers face in NYC.

The New York Times also created a list of 12 cool games made in NYC.

Variety wrote about Play NYC’s efforts to highlight immigrant developers.

I hope those articles whetted your appetite, and you’re looking for more. (Too bad we didn’t get into that list of 12 cool games… I guess Hoboken doesn’t count as NYC!) If you came to Play NYC last year, you already know how awesome it is going to be. We hope to see you there.

 

Play-NYC-2018_Main-Floor.jpg

Come See Us!

If you take a look at the image above, you’ll find us on the top-right in teal. Booth 22 (Game Revenant) is us! If you read this blog regularly, please come visit us and say hi [^_^] We may even whisper the release date in your ear and force you to swear a vow of silence…

This will likely be our final event before the game launches to the wider public on iOS globally, so it’s going to be our swan song to development. This is the calm before the storm. That also means that if you want to show Where Shadows Slumber to a friend before it releases so you can score cool friend who knows about indie stuff points, you better bring them to our booth!

Of course, if you can’t make it to the event, you can always watch the Twitch stream!

 

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =

We hope to see you at PLAY NYC 2018! If you’re new to this blog, you can find out more about our game at WhereShadowsSlumber.com, ask us on Twitter (@GameRevenant), Facebookitch.io, or Twitch, and feel free to email us directly at contact@GameRevenant.com.

Frank DiCola is the founder of Game Revenant and the artist for Where Shadows Slumber.

All About App Icons

As the completion date of Where Shadows Slumber draws near, Jack and I are coming to terms with just how much work it takes to finish a game. This means we’re revisiting old tasks that we didn’t have to deal with for a while, including the game’s app icon.

It may seem like a small detail, but your game’s icon is very important. It isn’t exactly the same as your game’s logo, but in certain contexts it plays the same role. The app icon is the rounded square button on your customer’s phone menu that they have to press to start playing your game. More importantly, this icon is on prominent display on marketplaces like the App Store and is often a potential customer’s first impression of your game.

Viewed through that lens, the app icon is immensely important and I regret not working on it sooner. It’s just a small graphic, though… how difficult could it be?

Fortunately, I’ve been researching this topic for a little while now. Below, I’ve compiled a gallery of some of my favorite app icons. We’ll also discuss in this blog post my personal “do’s and don’ts” for these graphics, inspired by both previous iterations of the Where Shadows Slumber app icon.

 


 

 

Inspiring Icons

I played a lot of mobile games during the creation of Where Shadows Slumber. That’s not because I’m lazy! I wanted to see what successful mobile games did. I spent a long time looking at their store listings, reading reviews, poring over their descriptions, and – of course – checking out app icons. It wouldn’t be a Where Shadows Slumber blog post if we didn’t gush over Monument Valley, so let’s start there.

AppIcon-Monument-Valley.JPG

The app icon for Monument Valley is really beautiful and shows off what the in-game art looks like. When you look at the icon on your device, the scale of Ida here probably matches her scale in the game. That makes this graphic one of the most honest app icons in the business! From a distance, you can clearly make out her shape because her white body contrasts starkly with the green backdrop. I also love that this picture shows the isometric angle and color shading that they use in the game. Sadly, this image does not communicate the game’s M.C. Escher inspired puzzles… but how the heck could you even show that? Maybe I shouldn’t worry too much about showing “shadow puzzles” in a tiny square image. It would just never fit!

AppIcon-Monument-Valley-2

The app icon for Monument Valley 2 was constrained somewhat by the first. The artist likely felt the need to match the style of the previous icon. Now that they’ve got a pattern established, expect to see something like this if they ever make Monument Valley 3. Still, the fact that this icon communicates the relationship between a mother and daughter tells you a lot about the game’s story and mechanics.

AppIcon-Sneaky.png

The real reason I bring up Monument Valley 2 is because of something I noticed when I was in an Apple Store the other day, getting a new iPad for my Dad. On their demo devices, the game is labeled simply as “Monument 2,” because the name is too long. Notice also that the game Alto’s Odyssey is just named “Odyssey.” I’ve wondered what Jack and I should do with our lengthy title Where Shadows Slumber… should it be listed as “Slumber,” “Shadows Slumber,” or “Shadows?”

AppIcon-AltosAdventure

Speaking of Alto’s Odyssey, both games in the Alto series have very beautiful app icons. However, it seems to me that the original is better because it actually communicates the mechanics of the game. Take a look at the icon above, and then look at Alto’s Odyssey below. Remember that these games have identical gameplay: both are side-scrolling snowboarding simulators. Notice anything?

AppIcon-AltosOdyssey.JPG

Alto’s Odyssey doesn’t have an image of a dude flipping over a windmill like the first game did! That’s pretty important because the whole game is about jumping over stuff, getting airtime, and doing tricks. But when I see the icon above for Alto’s Odyssey, I imagine a different game where I can actually go into some of those ruins or fly in that hot air balloon. It doesn’t set up expectations the way you might expect. Even so, the image is gorgeous and communicates the art style faithfully.

AppIcon-Prune

Of all the games I researched, my favorite app icon is probably the one for Prune. Look at this beautiful picture! Since I played the game, I happen to know that this app icon is actually a perfect rendition of what every Level looks like, too. Now that’s honesty! Prune is a game where you swipe away branches from a tree to help it grow the right way. I think you wanted to avoid the big red suns because they killed your tree. It’s a beautiful game, and the simple nature of this app icon does it justice.

We’ve looked at a lot of great artwork, but I don’t feel like comparing them to a list of “bad examples” in this blog post. I feel uncomfortable putting down other people’s work besides my own. There is no point in searching the App Store for apps that performed poorly and then ripping their icons apart. Instead, let’s just criticize the two icons I made earlier in the project cycle!

 

AppIcon-Gallery.png

Learning From My Mistakes

If you’ve ever played our free iOS Demo before, or if you are one of our beta testers, or even if you’re just a diehard follower of this blog, you’ve seen one of our app icons before. We aren’t going to use either of these for the final game’s release, so I’d like to write about them in this space.

AppIcon-WSS-2016.JPG

Our first app icon was created just for the Demo. I whipped this up in Adobe Illustrator over a year ago. The idea was to show a silhouette of Obe in a doorway, with the lantern clearly visible. Looking back on it now, this fails for a variety of reasons:

  1. This image is very detailed, so the intricacies are hard to make out at small sizes
  2. This icon requires pre-existing knowledge about what Obe looks like
  3. The lantern looked weirder back then, so it’s not immediately recognizable
  4. This looks like an icon for a horror game, almost like Amnesia for mobile phones
  5. This doesn’t really look like the art in the game at all
  6. This doesn’t really look like an app icon for a mobile puzzle game
  7. This is misleading because Obe’s body never actually casts shadows

I’m not saying I hate it or I regret making it – it seemed cool at the time! Our Demo drew in over 310,000 free installs on Android alone, so we did something right. But I wouldn’t go for this kind of style for the final game. It’s too much of a departure from the real game’s art, tone, and genre.

AppIcon-WSS-2017

Our next app icon was made much faster and was basically an unofficial app icon. I just did this for the beta, and I didn’t put much effort into it. This one fails on two levels – first of all, it’s not very unique or inspiring. It’s just text. Anybody could make this, and it tells customers nothing about our game. Second, it includes English text. That means I’d need to make a different app icon for every language we release the game in! Why bother doing that when I can just create a cool image like ustwo did?

So for the game’s final icon I need one square image that contains no text, but communicates the following to the player:

  • The game’s reflective tone, with some ominous terror looming in the periphery
  • The game’s crisp light shading model
  • The importance of the lantern to the story
  • The idea that this is a puzzle game and not some other genre
  • The idea that this is a mobile game
  • A warning that this game is not for preteen children

Yikes! Wish me luck. I’ll take a shot at this during the week, in between animating the game’s remaining cutscenes and putting out other fires. Jack and I have spoken about our app icon informally in the past, so I have a pretty good idea of what we want. This analysis helped me crystallize my plan going forward.

We’ll have some exciting news to announce in the coming weeks, so stay tuned to this blog and thanks for reading!

 

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =

We hope you enjoyed this update about the game’s graphic design. Have a question about aesthetics that wasn’t mentioned here? You can find out more about our game at WhereShadowsSlumber.com, ask us on Twitter (@GameRevenant), Facebookitch.io, or Twitch, and feel free to email us directly at contact@GameRevenant.com.

Frank DiCola is the founder of Game Revenant and the artist for Where Shadows Slumber.

 

 

Going Gold

We’ve come to the part of the development cycle that no artist ever enjoys: the gold-stamping process. What is this mysterious “gold-stamping?” Why do artists despise it so? You thought it was just fixing bugs and making small tweaks, didn’t you? Well, read on to find out…

 

You’re reading the development blog for Where Shadows Slumber, a puzzle game coming to iOS and Android later this year. Check out our free Demo here.


 

 

LevelProgress.JPG

Gold Stamping: The Point of No Return

Every project must come to an end eventually. In order to make sure your game is ready for the whole world to see, every piece of it must be tested individually. Then, the entire game has to be tested as one unit. Before we can move on to that final testing phase, every Level, Cutscene, and Menu in the game needs to be approved by three teams: Art, Sound, and Development.

The Art team is just me – and the Development team is just Jack. Alba and Noah work on Sound together. That means we need three approvals for each Level, Cutscene and Menu. Approval means “I’m done working on this Level forever – there is absolutely nothing left to do. Put it in the game.” (See the screenshot above for a look at our spreadsheet that has each Level listed as well as the “Gold” stamps)

There’s a specific order we have to do this in, as well. I need to put my “Gold Stamp of Approval” on Levels before Sound does, because I’m in charge of the game’s visuals. If I add a blazing torch to a Level after Sound has “gold-stamped” that Level, they’ll need to come back and give that torch some kind of looping audio. Art and Sound need to gold-stamp the Level before Jack takes over, because he’s duplicating each Level in the game into a separate file and running an optimization process on that Level.

This optimization process takes time, and destroys the editability of the scene. (By way of analogy, consider what happens to a Photoshop file when you Flatten it into a JPG file. The JPG takes up less space on your computer, but you lose the editable Layers from Photoshop) Jack is able to lower the time it takes your phone to render a frame of the game by “crunching” these Levels. If your phone can render a frame faster, the game will feel smoother. Players hate lag more than they hate bad graphics or design, because it interrupts the flow of play. Everything we’re doing now is to make the game run smoothly even on older devices.

But you can see the problem: if Art or Sound has to tell Jack that they made changes to a Level, one of two things happen:

(a) We need to make that change in both the original Scene and the crunched Scene

(b) OR… Jack needs to start the optimization process for that Scene over again

Option A introduces the possibility of human error. Have you ever made a mistake copying something down by hand over to another sheet of paper? Imagine that with a bunch of tiny numbers and sliders in Unity! Unfortunately, Option B wastes time we don’t have. And since “crunching” makes these Levels unable to easily edit, there is no Option C.

In the late stages of the project, we’re in a mad dash to finish each Level and hand them off to Jack. We’re a bit on top of each other at the moment, and tensions are high. Some of our beloved changes won’t make it into the first release of the game and may have to be stealthily added as a patch later on. (Shhhh don’t tell anyone I said that, blog reader)

Those are all the downsides of gold-stamping. Enough complaining: let’s talk about why this process makes the game so much better!

 

HowEmbarrassing.png

iPhone X Stretching

We began working on this game long before the iPhone X was announced. Since we designed the game in portrait mode, we planned for it to work in 9:16 resolutions as well as 3:4 resolutions. The plan was simple: we would assume you had the tiniest screen there was (9:16) and make sure you could solve the puzzle using everything you saw. And then, if you had a large screen, your screen would show more of the artwork surrounding the puzzle… but not any more key information. (Our demo works this way. Download it for free on a few devices to see what I mean.)

The iPhone X dashed our hopes when it launched, since it has a very thin and tall screen. When we booted it up on an iPhone X earlier this year for the first time, we noticed that key puzzle information was being cut off! Furthermore, there were sections above and below the Scene that I never planned for human eyes to see. We had to fill those sections in with art, or iPhone X users would know the game wasn’t made for them.

Here’s another analogy: imagine if you were designing the set for a Broadway musical. You do all your work, and then a week before opening night your director comes to you and says: “Listen, we’re lowering the stage by 2 feet and extending the ceiling by 2 feet above the stage. Do you think your set will still look good?”

The correct answer is: “yes, but I need to extend the artwork so it doesn’t cut off!” It’s ok if your art bleeds over into a section that human eyes will never see. But you can’t have your screen bleed over into artwork that isn’t finished or cuts off arbitrarily!

Fortunately, Jack solved our width problem by writing a Camera Resizing script that adjusts the Orthographic camera size to the proper width depending on your hardware. (Thank God for Jack, lol. Just that script alone would take me the full 3 years we spent working on this game to complete) I am solving our height problem by extending the shadowy silhouettes on each Level where appropriate, and adding more art where it’s necessary.

 

TooManyVerts.JPG

Low Poly Means Low Poly

When you set out to make a low-poly game, you aren’t just deciding on an art style. You’re also setting boundaries for how much the game will need to handle. This is why you’ll see a lot of cartoony artwork on mobile games and MMOs. Both of those are situations where you want the game to run on low end devices like old phones (mobile games) or old computers (MMOs). Cartoony graphics let you show what you want without having high-resolution textures or incredibly detailed model topology. It isn’t just an artistic decision – it’s also a marketing, business, and programming decision.

However, just because I said that I would do low-poly art doesn’t mean I kept my promise. There are a lot of Levels that go wildly above our Triangle / Vertex budget. (See the screenshot above, with emphasis on the Tris and Verts) Unity counts the number of Tris and Verts that are displaying on the screen at one time. Jack wants us to be well under 100k of each. That may sound like a high number, but you’d be surprised by how even simple scenes can skyrocket to 150k. When he finds Levels that are egregiously “over-budget,” he sends them over to me so I can make reductions.

Fortunately, Tri / Vert budgets are not like monetary budgets. If Jack told me not to spend $100,000 dollars, and then I bought a yacht, we’d be $100K in the hole. (But, we’d have a boat. Jack, I urge you to reconsider this proposal.) With polygons, as long as I cut down on fatty models before the game launches, no one will ever know. Except for the readers of this blog, of course. But you’re sworn to secrecy! Don’t share this post.

There is one more thing about this I discovered: Unity’s lighting system counts polygons in a very strange way. You can’t always trust their readout. I discovered that multiple lights require Unity to count the same object multiple times. If a cube has 8 Verts and one light is lighting it up, Unity will show 8 Verts. If there are six lights on it, Unity will show 48 Verts. So there’s some Levels that Jack will reduce once he does his big crunch, since he rewrote how our Lights will work to make them all act as one super-Light. (More wizardry, I’m sure.)

We’re doing all we can to make the game run fast on your phone. If it’s still lagging, get a new phone!

 

TextureAtlas.png

File Formats and Compression

This is the kind of boring stuff that puts artists to sleep, but it’s important. Unity imports textures, models, and audio files according to a standard. You can set the standard somewhere, but we never did. Instead, I am going through every file in the game and asking the had question: does this really need to be as large as it is?

The answer is usually “no!” which is good. I’m crunching a lot of textures down from 1024 x 1024 to 32 x 32 pixels, Unity’s smallest maximum size for images. Noah and Alba also did a bunch of audio crunching that I can’t really explain properly. You’ll have to wait for their revealing tell-all novella (Where Shadows Is Grongus: Nightmare Stories From Development Hell) for all the juicy secrets!

One more thing about textures: it might not be super necessary for me to make these textures smaller after all. Jack is actually doing this crazy optimization thing where we have every texture on one big image called a Texture Atlas. This image is as small as I can make it and has every texture in it laid out like a grid. We have one of these for every Scene in the game (Levels and Cutscenes) and when the game wants to render an object that uses a texture, it’s going to go to this image and pick from the proper coordinates.

This is insane and Jack explained it to me once and it’s insane and I’m sure it will make the game run super fast. If I’m remembering correctly, Jack told me that the rendering system needs to pause and switch gears every time it has to render a new Material. (So if the grass is GreenMaterial and the tree is TreeMaterial, the renderer needs to pause and switch) If it never has to switch like that, the rendering process should go way faster. The way to do that is to make one Material with the Level specific Texture Atlas called “Scene-0-2-Atlas” or something and put that on each object with the right coordinates. We’ll have fewer batches to render, and you’ll never even know what’s going on under the hood!

I’m going to stop giving the layman’s explanation here before I embarrass myself by showing my limited knowledge. But look forward to Jack’s upcoming tell-all blogella (Life With Frank: The Man Who Knew Nothing) for all the juicy secrets!

 

rubber stamp APPROVED

See You In Hell

This is going to be a rough week. This lengthy process is taking longer than I would have liked, and I’ve been pulled away from animating the final cutscenes. I desperately want to get back on track so Alba and Noah have enough time to work on the audio score for the final cutscenes.

Thanks for reading this blog post – I have to get back to gold-stamping!

 

 

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =

We hope you enjoyed this update about the game’s development. Have a question about aesthetics that wasn’t mentioned here? You can find out more about our game at WhereShadowsSlumber.com, ask us on Twitter (@GameRevenant), Facebookitch.io, or Twitch, and feel free to email us directly at contact@GameRevenant.com.

Frank DiCola is the founder of Game Revenant and the artist for Where Shadows Slumber.

State of the Art – July 2018

Welcome to the State Of The Art, July 2018 edition! This monthly progress report is written by Frank DiCola and is focused entirely on how the game’s visuals have improved in the past month.

Before we reach the spoiler part of the article, I’ll give you a brief update about the state of the art, and how much work is remaining on the aesthetic side of things. There will be no pictures, GIFs, videos, or bulleted lists, so don’t worry about seeing spoilers! (Just don’t scroll down too fast. You’ve been warned!)

Missed last month’s State of the Art? The June edition is right here.

 


Spoiler-Free Progress Report

When June began, 5 out of 10 cutscenes were animated and World 7 was less than half complete.

As of July 3rd, 7 out of the game’s 10 cutscenes have been fully animated and World 7 is finished! (There’s a tiny amount of work remaining for these two cutscenes, but cut me some slack here) I also did something I don’t normally do and programmed the cutscenes to have a pause menu where you can skip the cutscenes. Does that count as “art?”

What’s next: Later today, I’ll finish the two cutscenes that are nearly complete. This month will then be dedicated to finishing the final 3 cutscenes and putting the finishing touches on the game’s artwork.

You’re all caught up. Now, if you want a sneak peek at some of the artwork I did this month, read on… but beware of game spoilers!

 

 

 


SPOILER WARNING: The rest of this article contains screenshots, GIFs and videos of later sections of the game. If you want to experience them in all their majesty for the first time on your mobile device when the game launches, don’t read on!


 

 

 

 

 

 

 

World-7-Header.JPG

Paradise is Complete

My work on World 7 is officially done! It took longer than I would have liked, but the Levels came out great and it will serve as a proper final sendoff for those who complete the game. Here are the full screenshots from the three Levels I had to finish:

SOTA-7-3.png

SOTA-7-4.png

SOTA-7-5.png

There will still be GitHub Issues to address in these Levels, so I’m not completely done. However, the same is true of every Level in the game at this point, so it doesn’t matter! I hope you like the look of these Levels. Since you’ve journeyed into spoiler-land, you may as well tell me what you think in the comments below!

 

 

Header-King.JPG

Two More Cutscenes Are (Nearly) Complete

Once I finished World 7 about halfway through June, I moved on to two more cutscenes. I do these chronologically, so check out last month’s blog if you’re trying to piece the story together through short GIFs. Here are some teasers from these cutscenes:

 

Cutscene-Short-Leopard.gif

Obe runs into an old friend on his way out of the Aqueduct…

Cutscene-Short-King.gif

“Can I interest you in a golden circle, by any chance?”

At the beginning of this month, I had a long sound recording session with Alba and Noah. You can read all about it here. The short version of the story is that we recorded voices for all of the characters that “speak” in cutscenes. (By speak, I mean “loud unintelligible grunting”) For the past month, they’ve been working on implementing those into the game, so the cutscenes I completed in May are going to have finished audio soon.

 

 

WilliamChyr.JPG

Back to Work

Sadly, this blog post reveals that I didn’t get as much done in June as I’d hoped. Because World 7 took a long time to finish, that delayed my progress on the cutscenes. Being behind schedule is a slippery slope!

As soon as I finish this post, it’s back to work finishing those two cutscenes I mentioned. I’ll record them and send them off to our audio team for scoring. Then, there are three more cutscenes that need my love – and one includes a full credits sequence that may just be too ambitious to put into the game. I’ll also need to take some time just to address the mountain of GitHub Issues that Jack logged as he played through the entire game. Some Levels require artistic changes to make the shadows look better. I can save those for later, but we’re running low on “later” – and I don’t want his progress to be stopped because I couldn’t take a break from cutscenes for an hour to read all these emails. Finally, there is a Level Select screen for World 7 with my name on it. Those tableaus are beautiful but each one takes a few hours to complete.

The tweet above, from William Chyr of Manifold Garden fame, is appropriate. I always expected the end of development to feel like less and less work as we neared our goal, but it’s the opposite! There is so much to do, and so little time.

Back to work!

 

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =

We hope you enjoyed this update about the game’s artwork. Have a question about aesthetics that wasn’t mentioned here? You can find out more about our game at WhereShadowsSlumber.com, ask us on Twitter (@GameRevenant), Facebookitch.io, or Twitch, and feel free to email us directly at contact@GameRevenant.com.

Frank DiCola is the founder of Game Revenant and the artist for Where Shadows Slumber.

4 Tools for Recording Your Game

Recently, a friend of ours asked us to provide him some footage of Where Shadows Slumber in action for a highlight reel he’s making. That made me realize we never blogged about the topic of recording your game. I’ve gotten pretty good at recording images and footage of the game over the past few years, so why not share my tricks? It’s just one more thing I never thought I would have to do before I started doing game development, but our experience with SkyRunner taught us a lot.

So this blog post will save you some time if you’re looking for tips: here are the programs I recommend for recording images, GIFs, and video of your game!

 


 

7-1-Ladder

Saad Khawaja’s Instant Screenshot

During the process of marketing your game, people will often ask you for a full-resolution screenshot of the game in action. To fulfill this request, you need to get the dimensions of the screen exactly right. For example, our game is made for phones in Portrait resolution. If we give someone an image that is in Landscape resolution, they’ll think the game is made for computers or game consoles instead. Getting the resolution right was really important to me, and I recognized quickly that the Microsoft Snipping Tool (more on that below) wasn’t going to give me the high quality screenshots I wanted.

After trying out a few plug-ins on the Unity Asset Store, this is the one I came away with: Saad Khawaja’s Instant Screenshot. It’s free and very easy to use. You can adjust the size of the final image, or set it to the current screen size which is super useful. You can take low quality images or blast the pixels up to an insane level. (I could probably make a banner-sized image with this tool!) Once it’s in your project, you’ll see it in the “Tools” window and after you click that it comes up like any other Unity window. Trust me, you will not regret making this tool part of your routine.

 

SnippingTool.JPG

Snipping Tool

This one is just for Windows users, but there’s a program installed on every Windows machine called “Snipping Tool” – have you ever used it? Find it in your Search bar and save the shortcut. I keep Snipping Tool on my hotbar! That’s how useful it is.

Above, we discussed how sometimes you really need high-resolution screenshots at the exact size of the screen. However, often I need to record segments of the game for internal use. In these situations, like if I’m logging a bug in GitHub, it’s not helpful to have such a large image. My philosophy is that the image should be short and wide with the bug in the center of the picture. This way it will fit in nicely with the text of the bug report. I generally include some kind of note where I circle the problem, or draw a funny confused face. (This probably annoys Jack, but I’m sort of hoping it softens the blow of finding another bug in some far off corner of the game)

Fortunately, you can do all of this with Snipping Tool and you don’t even need to download it! Simply click the snip button, drag across a corner of your screen, draw on it with your mouse, and copy/paste the image where desired. You don’t even need to save the image to your computer if you like to live dangerously. Make Snipping Tool your go-to for capturing bug report images, and include as many images in your bug reports as you can. It will really help your team!

 

Cutscene-Short-Wolf

ScreenToGIF

The image above is a GIF, and it was recorded using ScreenToGIF. The best way to explain the GIF file format is that it’s basically a digital flipbook. I may be dating myself here, but did you ever have those little Disney flipbooks as a kid where you could flip through them with your thumb and see the animation play out across a hundred tiny pages? That’s a GIF. They are all over the place, they’re great for advertising your game in motion, and the Internet loves them.

Before ScreenToGIF, I found it really difficult to make my own GIFs. I forgot what program I was using – who cares, it didn’t get the job done! Download this program for free here, and I promise you that you will not regret it. There’s a ton of settings you can tweak to get the image size, file size, and quality you want. It’s extremely user friendly. You can delete frames after you’re done recording too, which is such a nice feature. I’ve never had a problem posting these animated images to Facebook or Twitter. I’m not being paid off to say this: use ScreenToGIF!

 

Open Broadcaster Software

I wish I had a better option for recording video of our game, to be frank with you. (Note: I am always Frank with you, dear reader.) This program Open Broadcaster Software (OBS) was the main way I streamed on Twitch a while back when I used to do that. I then realized that it didn’t just stream your image to the Internet – you could also just record footage and save it to your computer. Neat!

Download OBS for free here. It’s not bad, but it’s not perfect either. It can record footage and capture audio too, which is helpful for progress updates like the image above. However, getting the screen resolution just right is pretty difficult. According to Alba and Noah’s finely trained ears, it does not do a good job recording sound from the computer either. But I’m willing to admit that could just be my fault… there are a ton of settings to configure, and I have no idea what I’m doing!

It doesn’t do your editing for you either: I recommend Adobe Premiere or Final Cut. Sadly, I know of no good free editing tools! You’re on your own, I’m afraid.

 

That’s all for now, folks. I hope this saves you a few days of frantic searching, downloading, and deleting. Thanks for reading, and happy recording!

 

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =

What programs do you use? Do you like my suggestions? Feel free to leave a comment below! You can find out more about our game at WhereShadowsSlumber.com, ask us on Twitter (@GameRevenant), Facebookitch.io, or Twitch, and feel free to email us directly at contact@GameRevenant.com.

Frank DiCola is the founder of Game Revenant and the artist for Where Shadows Slumber.

Audio Update: Voice Recording

Last week, I visited Alba and Noah at their home studio in Queens to record some vocals for Where Shadows Slumber. (If you have no idea who I’m talking about, read the intro blog they wrote last year right here) They’ve been working hard on the game’s audio since we brought them onto the project in September. There’s just one hangup, though – Obe’s voice, as well as the voices for the game’s other characters, are not in the game yet.

Voices are tough to fake using synthesized instruments. You need to capture the performance of an actor who understands the emotions of the scene before them, especially when you’re scoring animated cutscenes. Fortunately, since I’m the one who made the game’s cutscenes, I know exactly what weird noises Obe is supposed to be making! I also love acting and have been involved in theatre since grammar school. I can’t say I’ve done a lot of voice work though, so this was a new experience.

 

SoundRecording-Both-A.jpg

The Setup

How do you record voices, anyway? Well, I made the trek out to Queens to visit Alba and Noah at their apartment to see their setup. They set me up with a microphone stand and a pop filter, with a few sound shields to block out unnecessary noise from the refrigerator. From where I was standing, I could see the cutscene video as we recorded. My goal was to match the visuals on the screen with the noises from my mouth.

On the software side of things, we recorded in ProTools for a bit until it kept crashing during sessions. Noah and Alba eventually decided to just record everything in Logic since they were going to edit the final sound in Logic anyway. It worked out great!

SoundRecording-TV.jpg

Here’s a better shot of the microphone stand, pop filter, and sound dampener:

SoundRecording-Microphone.jpg

The microphone used is a Miktek CV4.

I recorded voices for Obe, the forest guardians, and a few bit characters that are only in one cutscene. Noah showed us a crazy sound synthesizer that takes your voice in and spits out animal sounds, like a growling dog or a roaring lion. That was good, because my impression of a lion sounds nothing like a lion!

SoundRecording-Alba.jpg

Alba and Noah helped to coach me as we repeated sections of the audio.

We even received aid from the innocent creatures of the forest, as we danced in harmony together:

SoundRecording-Bunny.jpg

Their adorable bunny McFlurry mostly hid under the couch. This was a rare sighting.

The funniest part of the day was when Noah and I teamed up to record chatter sounds for the prison guards, who are chasing Obe from a distance. The game has no recognizable English words – or words in any language, for that matter – to make sure it’s easy to localize in China. (Their government is very strict about the influence of “outside” languages.) So we invented our own nonsense language and shouted like idiots for a few seconds before cracking up!

I’m sure that will sound better in post. LOL!

Here’s a transcript, for those interested in the deep lore of Where Shadows Slumber:

GUARD 1: era adbabalao at babt!!!

GUARD 2: ebbebe ebebebe ebe ebe beyhehehe!!!

GUARD 1: arbababaldlalao ehehr ehe!!!

GUARD 1 and GUARD 2: aanndna hehee!!!!

GUARD 1: wod! wod! wod! ow dow dowmee ndenebedo!!

Shakespeare must weep from the great beyond, mystified that he could never attain such beautiful prose.

 

SoundRecording-Frank.jpg

Thoughts About Voice-Over Work

Voice acting took a lot out of me. It’s really hard! We were focusing on the cutscenes during this session, and I was determined to do them all in one take. Essentially, for each character in the scene, I recorded their voices from the beginning of the cutscene to the end. That means doing about 90 seconds of voiceover per person per cutscene, and we did multiple takes. Additionally, we would skip around and redo certain segments (a gasp, a scream, a laugh) to make sure they came out right. Between trying to keep up with the video and trying to change my voice to match the character, I don’t know what the most difficult part of this was. All I know is that I have a newfound respect for voice actors!

Now that I think about it, screaming was probably the most challenging thing to get right, because it’s so easy for screams to sound campy. For that reason, it’s a little embarrassing to shout at the top of your lungs in front of other people. It also just really hurts your vocal cords! We should have saved that for the end, so I’ll remember that next time.

Actually wait – the hardest thing was when we recorded breathing because I almost passed out! We wanted to get some audio of Obe breathing as he’s running quickly. This would go in the game’s Levels, not in a cutscene. For some reason when you record yourself breathing it becomes really difficult to actually breathe… I got a little lightheaded as we recorded his idle breathing, running breathing, and struggling breathing. Something about keeping a steady rhythm messed up my actual breathing and I had to take a few breaks. Maybe I’m just terribly out of shape?

As you might have guessed, it’s all very challenging! I encourage you to find your favorite voice actor on Twitter or something and send them an encouraging message for all their hard work.

 

PHOZ.JPG

Support PHÖZ Online!

I really appreciated the opportunity to go out to Queens and hang out with these guys for a day. It was a much-needed distraction from my usual routine (wake up, stare at a computer for 12 hours, sleep). Voice acting is an exhausting endeavor, but it was exhausting in a different way than what I am used to, so I had fun!

You should support their work online by going to www.phozland.com and signing up for all of their various social media accounts (Facebook, Twitter). Also, please listen to the selected songs on their website that come straight from the game! They sound so beautiful in isolation, and you’ll gain a new appreciation for all of the hard work they’ve done so far.

 

 

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =

We hope you enjoyed this update about the game’s audio. Have a question about sound that wasn’t mentioned here? We’ll forward it along to Alba and Noah! You can find out more about our game at WhereShadowsSlumber.com, ask us on Twitter (@GameRevenant), Facebookitch.io, or Twitch, and feel free to email us directly at contact@GameRevenant.com.

Frank DiCola is the founder of Game Revenant and the artist for Where Shadows Slumber.