Pages

Tuesday, 30 April 2013

Storytelling In Folk Tale

by Simon Dean, Project Lead

Folk Tale
 has undergone a huge amount of iteration and improvement behind the scenes that all started eighteen months ago. In this blog we pause for a mid project review of how we encountered regularly shifting goals, lessons we've learned, and how we'll proceed as we move towards becoming a sandbox game.

The Script

Early on in the project Pete and I held numerous meetings on Skype to discuss lore, back story, and a complete plot that would form the basis of a prototype. Having originally briefed high fantasy, Pete persuaded me to run with gangster goblins, a camp wizard named Camphry Mageflower, and a Mexican wrestler themed end boss with small-man syndrome. Listening to Pete turned out to be a good decision as the humor was warmly received in community previews.

The original schedule allowed for a year during which we would gain familiarity with the chosen game engine to mitigate technical risk, refine production workflows, and build a playable single-level prototype. Given it was a feasibility prototype, I briefed the team to forgo modelling facial features for animation; hand gestures would suffice for expediency. We could always replace the heads at a later date should we need to. The production brief specified low polygon characters by today's standards, as potentially we'd be having a lot of characters on screen at any one time.

As script iterations arrived in my inbox, I needed to cull lines that wouldn't work due to constraints introduced by production decisions. Some of the comedy relied on subtle facial gestures that we wouldn't be able to pull off without facial rigging and a ramp up in the poly count of each character. I think this often came as a blow to both of us, because it meant cutting some really great material.

Storyboard

Initially storyboarding didn't happen in the traditional sense, and that proved to be a mistake. The team was very small, and we lacked the skills and budget to storyboard. Anyone that could have done it was already engaged in producing game content. Being a prototype, it was agreed to muddle through and make the best of what we had as it became available. This often lead to miscommunication, and were it not for the early voice recordings and the script, things could have gotten a lot worse. Having a limited budget to work with often meant corners were cut, and that lead to problems. Part of my job as Project Lead is to anticipate those problems before they happen, and if they do happen, to minimize the impact.

After Jennifer joined the team as Concept Artist / Illustrator and we had actual game content to work with, things improved considerably. We're now able to communicate effectively with storyboards and use game development tools such as Unity to visualize camera angles. Here's the partly-retrospective storyboard that picked up where we'd reached in this preview, and expanded the closing scene with the villagers on the bridge.

'Grim Discovery' Storyboard





Camera Visualization


Pre-Production

With the script signed off, I contacted Sean Ruttledge, a UK comedian with whom I'd previously worked. Sean convinced me he could bring enough variety to the voices to get the job done for a prototype. Sean's early voice development and recordings really helped flesh out the characters, and proved an essential resource for Tom our animator to work against. Scratch voice audio is definitely something we'll do going forward.

Concept art was skipped because the resources weren't available, and we very quickly moved into production. Throughout the course of development, the lack of a dedicated concept artist became a real hindrance not just for cut scene production, but for the game as a whole. In time we addressed that weakness through recruitment.

Production

Tom set to work animating the characters against Sean's lines, doing his best to translate the voice acting into waving arms and nodding heads. Working without scenes he'd render out video clips with proposed camera angles for us to review and iterate on.

All the while in-game content was expanding, and I was able to mockup scenes in game development tools and drop in the animations as Tom delivered them. With cut scenes driven by the actual game engine and programming, many aspects are driven by a scripted cut scene manager to provide control over events in the game world so that they may to coincide with the cut scene. For example, to be able to skip a cut scene by pressing the escape key, we need to ensure that the state of the game world is updated to reflect what happened ( but wasn't watched ) in the cut scene, for example a building catching fire.

Regular team builds allowed us to discuss and further refine animations and camera angles. The whole approach worked well for a while, but as the team's skill level rapidly increased and the game matured visually, it became apparent that the low polygon count and lack of facial geometry and rigging was going to act as a drag on quality. Around about the same time we launched on Steam Greenlight, publishing a few cut scene previews on YouTube. Community feedback started to come in that using only one voice actor wasn't ideal, and characters needed more unique voices. I called a meeting and as a team we reversed the earlier decision, endeavoring to increase detail in character geometry and add facial rigging so we could add facial gestures and lip sync, and expanding the voice actor roster.

Steam Greenlight was a pivotal event that changed Folk Tale from a prototype into a full game production. The new direction would add to the production schedule, but we were excited by what it meant for overall quality.

Post Production

Everything started to come together in early 2013. Lighting was being tweaked and post-render effects added to the camera including color correction, ambient occlusion, bloom, and depth of field. Much of the shader tweaking was already done to support the main game.

I recorded end to end takes of each cut scene with just the final voice acting, and distributed that to Tom the animator who would add facial animation, Oskari the musician who would compose the soundtrack, and Joe the sound designer who would create effects to help sell the visuals.

We're pretty pleased with how things turned out. There's still improvement to be made, but for such a small team, what we've achieved is something we're really proud of.

Final Scene


Reviewing, Learning, and Improving Process

We've learned from our mistakes, and have arrived at a more formal production process. Having acquired two years of experience working with the game engine has really helped our understanding of what is achievable, and what is best avoided in future cut scenes.

Moving to a sandbox game presents an interesting opportunity to take what we've learned so far, and together with our improved process, tackle the task of dynamic storytelling. I can't wait until the game is released proper to write a follow up to this blog.

Designing Game Logos: Folk Tale

by Simon Dean, Project Lead

In preparation for releasing Folk Tale on Steam Early Access next month, we needed to re-design the game logo. Pooling my prior marketing experience and Jennifer's artistic abilities, we set to work designing one of the most prominent assets and documenting the process in the hope it might help other indie developers, or simply be of interest to members of the Folk Tale community.

The Brief

Before any visualization work was started, I prepared the creative brief that Jennifer would be working from, splitting design goals into mandatory ( 'must' ) and optional ( 'should' ) including:

  • Must work as a 'rubber stamp' that looks natural when combined with other marketing assets e.g. screenshots, cover art
  • Must reflect the artistic style of the game ( hand painted with high detail )
  • Must communicate the theme of the game ( fantasy medieval theme )
  • Must be reproducible at different scales from large posters to small web banners
  • Should work in black and white for reproduction on fax machines ( mostly legal documents )

Typography

With the creative brief in hand, Jennifer set about selecting a number of candidate font faces, and presenting a black and white candidate board for consideration. Typography ( aka 'the font' ) can communicate so much about a product that quite often you'll see game logos made purely from typography without additional artwork. It demands the greatest attention of all elements in a logo, and preparing a simple black and white board helps focus purely on the type. For illustration purposes, here are four fonts that communicate four very different things:

Four fonts communicating very different things










Kerning, line spacing, and weight all needed consideration before arriving at the final font face. We didn't want a lightweight font that was too thin because it would get lost at small scale and not support the 'rubber stamp' goal. The default kerning ( spacing between characters ) was also too broad, so we condensed it.

Styling

It should really have been included in the creative brief, but early on we found that Jennifer would require direction on where within the style spectrum the logo should sit. We didn't want pure illustration which is often more aligned with cartoons and products targeting children, nor does the in-game art style focus on realism. Using other games and logos as references, I was able to communicate the desired art style.



Early Theme Concepts

With our selection made from the candidate fonts, Jennifer set about developing rough theme concepts. As all but one would be throw-away work they were quick and dirty, in some cases pulling from in-game textures.


The team ( representing the target audience demographic of gamers aged 18-34 ) really liked the tree rings texture and green for the leaves; the orange leaves were lost against the brown of the tree ring board. The metal color of the font would introduce an additional resource from the game ( wood, iron, stone, food ).

Concept Refinement

Having identified elements from the early theme concepts that we wanted to take forward, we added a few more ideas and Jennifer set about refining the concept.



We tried different alignments, and settled with a broader offset that would allow us to add a prop. The oak tree further compounded the leaves at the edges of the logo, so this was ruled out because it didn't add to either the 'story' being told or visual impact. The rendered in-game ruin was discounted because it didn't feel right. The sword and shield however developed the 'story' by adding a hint of adventure to the theme. It still felt a bit busy, so we dropped the shield from the design.

Key Design Features

With the final elements chosen and checked against the design goals, it was time to add the detail. Throughout development various tweaks were made, including

  • Specular highlights reduced on the leaves to make them less thorn like, reducing the risk of a subconscious emotive response that the game would somehow be painful;
  • Detail was left extra-sharp so that it would be retained during the smoothing that happens when scaling down;
  • Shadows were added to the leaves to add depth;
  • Leaf color variations were added to help the logo blend with various backgrounds such as screenshots. Folk Tale maps have a lot of different ambient zones including snow, lava, green hill, desert, and swamp. The logo needed to blend against all of these without getting lost.
  • A subtle drop shadow was added to the text to help lift it off the brown tree ring board
  • A black outline was added to text to help readability
  • A cyan rim light was added to help color contrast near the shadows
  • Leaves were de-cluttered to prevent obscuring the text
  • Consistent directional lighting was added
  • Bloom was added to enhance the metallic feel of the text
  • The cooling blue hue was added to metallic elements to help differentiate them from the warm natural hues of the leaves and wood




Testing

A final round of testing was performed to check for any scaling issues, and to validate the logo would work in nearly all scenarios.  Below is but one of the test slides.



Minor refinements were made during testing, and three weeks after the initial meeting, we had our final logo:















About Folk Tale

Folk Tale is a fantasy city-builder strategy adventure game for PC, Mac and Linux developed by indie studio Games Foundry. For more information, please visit www.gamesfoundry.com.