How Presentation Impacts Game Mechanics

A group of developers have invited you to test their new game prototypes . As the first game begins, you find yourself in a room with a button on the floor and a locked door. You stand on the button and the door opens. You walk through and the game is completed. It may be very short, but it’s a solid prototype to build upon.

You move on to the next developer’s prototype. The game loads, and you’re standing in what appears to be a shed. There’s a worktable in the center, shelves across all the walls stacked with an assortments of tools. In the corner are boxes of gardening supplies. Once again, there is a locked door. You start searching for a button, or a switch, with no success. Perhaps you need a key, that’s hidden inside a box. You try pushing crates, crawling under tables, hitting the door with a hammer; nothing seems to work.

In frustration you ask the developer what to do. They say, “Isn’t it obvious, you have to stand on the plant pot and the door will open.”

  Portal (2007) There’s never anything red inside a test chamber that isn’t a button.

Portal (2007)
There’s never anything red inside a test chamber that isn’t a button.

I’m sure we’ve all experienced this situation before. A game mechanic that appears to defy all common sense and logic. Yet in both of the prototype games, you actually experienced the same mechanic.

Standing on objects opens doors.

The reason the second game was a terrible experience was not because of the mechanic itself, but instead due to poor presentation of the mechanic. Specifically the mechanic lacked an intuitive visual design. This distinction is key in understanding how mechanics can be improved.

  • The mechanic is the underlying system of rules that determine the outcome of specific actions.

  • The presentation is the visual and audio output that allows the player to understand what the mechanic does.

Now we’ve established the difference between the mechanic and it’s presentation, I’m going to tell a story about how a small change in the presentation of a mechanic in Nocturne improved the game.

 Nocturne (TBA) The old talent menu from an earlier build of the game.

Nocturne (TBA)
The old talent menu from an earlier build of the game.

The mechanic is simple; passive abilities which benefit you in combat. You can see some examples of these abilities in the above image. I decided to present the mechanic as talents, which you can learn by spending energy from leveling up. Each talent had two upgrade paths to improve it.

The actual mechanic functioned well, but during playtesting a few issues came up as a result of the presentation:

  • The energy system required to learn talents had no context or explanation.

  • Players didn’t realize you could unlearn talents.

  • You couldn’t learn both Upgrade A and Upgrade B but it was unclear why.

  • Players were paralyzed by choice. They had 9 talents and 18 upgrades.

Now there’s many things we can do to resolve some of those presentation issues, but instead I chose to do something more drastic. I took the base mechanic of passive abilities, and I completely changed the presentation.

 Nocturne (TBA) New equipment menu from the latest build of the game.

Nocturne (TBA)
New equipment menu from the latest build of the game.

That’s right. Talents got scrapped and equipment took it’s place. Now you might be thinking it’s an entirely different mechanic, but the equipment does exactly the same thing as the talents previously did; they provide passive abilities which benefit you in combat.

The new equipment presentation fixed all the playtester’s issues:

  • There’s no need for an energy system anymore, now the player unlocks new passive abilities through obtaining new equipment.

  • It’s obvious you can unequip items, that needs no explanation.

  • Upgrades are now handled by finding better versions of the item.

  • Choice is easier when you find 1 item at a time and slowly build up a collection.

What’s really great about this presentation change, are the new possibilities it unlocked:

  • Players now have more reason to explore the map to find equipment.

  • Currency now has more purpose by allowing players to also buy equipment with it.

  • More control over player progression as they can no longer just grind levels to unlock all the talents.

While I could have done a few of the above things with the old talent system, none of them would have been as intuitive. I could have created an item which provided additionally energy when used and hidden those around the map, but all I’m doing is adding more features that need a wall of text to explain them. When you pickup a metal helmet, everyone already knows what to do with it.

 Final Fantasy X (2001) Can new players look at the presentation and understand how the mechanic works?

Final Fantasy X (2001)
Can new players look at the presentation and understand how the mechanic works?

So next time you go to add more text explanation and visual complexity to the presentation of your mechanics, take a step back and ask yourself if the entire presentation can be simplified with a new design.

I’ll leave you with some key points on creating good presentation:

  • Consistent: If the green button heals you and the red button kills you, don’t have a green button that kills you.

  • Intuitive: You shouldn’t need to read a wall of text to understand the mechanic.

  • Feedback: When the enemy heals, you should both see and hear the mechanic in action.

  • Bullet Points: This might actually be a tip for writing blog posts about game design.

Bugs Caused by Bugs

Nocturne is in alpha. That means it has lots of bugs. Though it also has giant bugs you fight, but those are different kinds of bugs. We call those ones Crawlers.

Recently we had a bug where the combat interface wasn’t unloading if you quit directly to the menu during a battle. This created an interesting effect when you load back into the game.

As the game becomes more mechanically complex, the increase in moving parts create more possible combinations of actions, and more exotic bugs. Luckily this one was easy to fix.

I’ll be sure to share the most interesting ones we find, and hopefully you’ll join us in the Closed Beta later this year to find some of your own. Just sign up to our mailing list and you’ll be the first to hear more.

- Pracy.

Creatures of the Afterlife

The digital afterlife has become corrupt after millennia of isolation. Once a beacon of light for humanity; it's become an incubator for our darkest fears.

What spawns from this darkness are known as Crawlers, twisted creatures that hunt human souls. Nobody yet knows their purpose or motive, but their presence has been growing rapidly.


- Pracy

The Next Chapter

I'm Benjamin Pracy, and this is the official development blog for Nocturne.

It's been two years since the proof-of-concept prototype was created. I'm now excited to announce the game began full time development in May 2018. Here's what to expect if you decide to follow this blog.

  • Details about the ongoing development of the game.
  • Screenshots and videos as we add new features.
  • Discussions about game design & storytelling.
  • Why I really like lowercase and you should too.
  • Bugs, glitches, crashes. It’s fun when things go wrong.
  • News about beta testing, demos and release dates.
  • Insight into the design process and reasons behind them.
  • Lots of bullet points.

If you'd like to contact me, you'll find an email form on the about page.
Or you can follow development via social media.


This blog is a continuation from the Robot Hat blog. All information from the Robot Hat blog is now considered outdated and is only linked to maintain a complete archive of Nocturne's development.

Glad to have you here!

 - Pracy