Yesterday, after doing my Inktober stuff, I put together an interface mockup and (therefore) the interface graphics for the game I’m making over the next couple of months. I’m pretty proud of this, though it doesn’t run in-engine yet:
Couple of worldbuilding notes: I’ve decided in my game engine/game world that magic/stamina/special attacks use Star Points and life uses Heart Points (nothing too extreme here). Heart Points can be split into quarters and Star Points into 5ths for finer-grained HP/SP applications while keeping the interface readable at a glance.
Money is measured in chips. Which, in universe, each contain one dram aether, with a direct conversion of 12 chips/gil if I want to measure things in a game via gil. It’s a nice way to unify my various fantasy settings. A chip is just a 1 dram coin in the game world.
There are some pleasing coincidences. In my comic, I’ve been bopping back and forth between 320×180 and 160×90 for screen resolutions. The first is the obvious 16×9 retro resolution, the second I did half-size (and with the initial Rainboy palette) and called it the handheld version because I felt production was taking too long.
Anyways, I felt 320p was too big and 160p was too small, so I threw a dart at a resolution splitting the difference. I was aiming for 240p, but I hit 256p by accident.
You’ll notice in this gallery (at least on desktop) that the middle picture is shorter than the other two. That’s because the mockups were done in my tile editor, and assuming 16×16 tiles (which is most convenient for this style), 320×180 and 160×90 are vertically 11.25 and 5.625 tiles respectively.
But 256×144 is 16×9 tiles. Nice. In fact, I’m kicking myself for never thinking, “I wonder what would happen if I multiplied my tile size by the aspect ratio” before today.
Another nice coincidence is I made the interface panel the size that “felt right”. I was originally aiming to make the playable area a square, but that meant the interface would take up almost half the screen, and that was unacceptable.
I landed on doing 4 tiles wide of interface, which reduced the play field to 12×9.
12×9 is one off in each direction from 11×8, which are Fibonacci numbers. Which means the playing field vaguely in the ballpark of a golden rectangle.
Okay, to be honest, I’d want 14×9 to get as close to a golden rectangle as possible. But you know what? I like this rectangle. I find it aesthetically pleasing. I’m going to pretend that’s because it’s in a golden rectangle ballpark.
So here’s some sword animations before I get to the economic bit for which this post is named: