Post news RSS DevLog #6 - Art Overhaul! (UI Updates)

A complete overhaul of the game UI, including a new map with clickable village icons, event popups and a new font! We’re cooking now!

Posted by on

Hello everyone!

My latest update is mostly graphical updates. Here’s a gif with a few changes in action!

What do you think?

Gif of the latest graphical updates (UI).

OVERVIEW

Until creating this game, I never dabbled in UI art & design. I was surprised by how much I enjoy it!

As a gamer, I always had strong opinions about UI and prefer when the UI fits into the theme of the game (in the game world).

Examples of UI I like include: Chapter selection in Valkyria Chronicles and the UI from Sorcery!

UPDATES

Event UI

UI Art & Design

(The below image doesn't include the newer font.)

Newly redone event (popup) UI, featuring hornbill buttons.

If you’re interested in how I designed the event UI (popups), I recommend checking out my Facebook post, which has a few references images I used:

Check out my UI reference material on Facebook: https://www.facebook.com/HeartBorneoGame/posts/1731088993643951


Font

I tried out a couple fonts and found one I particularly like. It requires more time and polish so it looks nicer and less flat, but I’m happy with the color balance I found. The color on the font face looks striking, against the other colors.

There’s also enough contrast between the outline and font face that it’s readable and stands out from the background. Shadows will improve it even more.

Work in progress, stitch font for the game!

Map UI

I still have plenty more work to do here, but it’s coming along. (The top of the map curls into the rough shape of a hornbill!)

The main path displays, villages darken as the player passes them, icons for different village types display.

Villages also pop in when the player is within a certain distance, so it isn’t always apparent how many villages or which type of villages are in the vicinity.

Here’s a pict of the end goal, hill detour options, and different village types:

Added a variety of icons to the map, including the player's main goal (a large mountain).

Process

I personally enjoy process pictures on other devblogs, so here's how I took my map from an outline, to color blockout, to final:

The process of taking my map from outline to final.

Different Market Icons

I need to differentiate more visually between Large Markets and Small Markets, but here’s my initial draft of each village type.

A fun note: The Small Market village has a durian fruit on top! - A durian is a potent fruit common in Asia. It isn’t something that Western tourists typically like when they first try it.

Small medicinal village icon.Large village icon.UI Map Icon - Small Market Village

Small Medicinal - Large - Small Market


WHAT’S NEXT

I have two major items on my TODO list:

  • Finally replace the placeholder store UI with an in-game store. (I’m very excited for this, as it is the last placeholder UI I have left to replace!)
  • Rework my game loop. I started to do that this milestone but not enough to test how it changes the game feel. I’ll discuss this in greater detail when I get to this milestone. (I previously allowed players to select detours at any point (hill detours/search for animals or food), and now, they must make this decision before they leave a village.)

As always, thanks for reading!

Never miss an update!

Twitter

@KarinESkoog

@BorneoGame

@GoldenMooseCo

Facebook

@HeartBorneoGame

@GoldenMooseCollective

Subscribe to Golden Moose Collective's (infrequent!) newsletter.


Golden Moose Collective's other member is making a taco shooter game - El Taco Diablo! Check it out! (Twitter: @TacoDiabloGame)

Comments
thatwilldo
thatwilldo - - 178 comments

Is the photo of the tradition wardrobe from your trip to Indonesia ?
=)

Reply Good karma Bad karma+1 vote
karincederskoog Author
karincederskoog - - 2 comments

That particular image is from Wikipedia. :) I didn't see the Indonesian part of Borneo when I was there last. The clothing was different on the Indonesian island I visited.

Reply Good karma+2 votes
Post a comment
Sign in or join with:

Only registered members can share their thoughts. So come on! Join the community today (totally free - or sign in with your social account on the right) and join in the conversation.