Creative process and GUI design #2

Hello again!

Tarita here, the artist who has been tasked with the challenge of creating a passable looking UI for Interplanetary.

So, last time we were left with a combination of UI styles, right? I promised I would show you where the UI is currently heading, so here's a mockup:

Please keep in mind that the look of individual elements is far from being set in stone, and that the image above is just a mockup and does not accurately represent what the in-game UI currently looks like. We have just begun alpha testing, and in the light of the new feedback we may have to adjust some things.
The mockup should, however, give you an idea of what kind of style I'm aiming for.

Overall, the style is pretty simplified, and I like having some empty space between stuff. Even when adding detail, I'm trying to keep things simple and stay consistent with the limited amount of colours and light effects. I prefer not to add any extra fluff that doesn't have a distinct function or a reason to be there.

The elements in the mockup are somewhat large. This is partially because they have to work with a variety of different screen sizes, and still stay readable. I think that the increased size complements the simplified style nicely, but some people have told me that it makes the UI look "cute", which may or may not be problematic.

Earlier I told myself that the boxes would be neither blue nor gray, but in the end I had to go with gray.
Why? Because I found that only gray was neutral enough for the rest of the game.
I wish to leave the main stage for the planets and the space background, so the UI can't be too colourful or pop out too much. I don't want the player to miss the subtle details of the starfields on the background just because I insisted on having screaming, bright- yellow boxes on top of everything. This is, incidentally, also one of the reasons why I favour transparency and lack of boxes whenever I can.

Sometimes things pop out too much.

The other reason for the gray main colour is that I'd like to introduce some colour-coded information to the UI, such as icons and text, which are more visible on a muted background. Having a few splashes of colour is a breath of fresh air that also makes the dark graphics of Interplanetary feel slightly less grim and murky.


That's all for today, thank you for reading! In the future I may write more about the individual elements and the design choices and concerns behind them.

You can follow the progress on Interplanetary on Facebook, twitter or the game website.

Inside Interplanetary: Targeting Problems

One of these must hit!

Hello. I'm Sasu and I like to write blogs.

Everyone's been very busy lately. We're working hard to get everything essential working without a hitch, but hitches keep coming along. Well, that's the reality of game development and there's not much you can do about that. Except maybe try to design things in a more detailed way.

So, today, let's try something a bit different. Instead of me just telling you about a game mechanic, I'll explain some problems we've come across in testing and some solutions we've formed up.

Let's discuss...

The Difficulty of Hitting Your Enemy

Well, I guess one did.

While testing Interplanetary, we've repeatedly come across a tiny problem with the Targeting System: it's darn difficult to hit your opponent! There are many things that play a part in this.

The planetary system is alive. Once you've set the trajectory and fired your cannon, time unfreezes and the planets start orbiting. It can be very difficult to foresee the movements of this slightly chaotic system. The biggest problem here is that the planets have a large influence on their surroundings, thanks to their...

Strong gravitational fields. Now, this is something that's almost impossible to predict for a mere human. Sure, you can account for a planet moving in front of your firing line, but can you calculate how exactly it affects your firing trajectory with its gravitational pull? We can't.

The planets are quite tiny. Small things are more difficult to hit than big things. Who knew?

When shooting a single railgun slug at your enemy planet, the odds of hitting it are very small, even if it happens to be right next to you. Building 15 railguns and firing them all makes it a bit easier, but managing to maintain such an artillery would be very difficult and time consuming in the final game, not to mention the bother of targeting each and every one of them every time. Something needs to change, but what?

We Have Some Ideas

A planetary prediction system would make it much easier see the future positions of planets. We have plans for a system that shows the player the "shadows" of the planets' upcoming positions, depending on the current trajectory drawn. The future trajectory of the railgun slug, affected by the position of the planets, would also be shown as a shadow.

Looks a bit complicated on paper.

The obvious problem with this solution would be that it takes away the element of predicting planet positions and may make the game way too easy to play. Of course, there would be extensive balancing done to accommodate for this feature.

Lowering the effect of gravitation would be an easier way to tackle the problem, but doing so would also make the game less interesting. In the earlier builds, you only really needed to worry about the gravity of the sun. Other planets' pull was much weaker, so it was possible to actually pull off very accurate attacks. This did take away some of the fun, since crazy, unexpected trajectories didn't happen.

We could just make the planets bigger. This might be the easiest solution and the least problematic for now. The biggest foreseeable problem with it is the change to the visual style. We're trying to keep a "realistic" feel to the game and to sort of keep it grounded. Bigger planets might give the planetary system a caricatured feel. Or, maybe we should give the planetary system more of a "war room"-feel. It doesn't look particularly realistic as it is, so maybe adding more elements to make it look more like a tactical representation of the real thing, would be a good idea.

Now, we simply pick one idea, implement it and test. Or maybe we should use them all? Or something completely different? What do you think?

Inside Interplanetary: The Resources: The Material: The Movie

Don't worry, it's just steam. Black, smelly steam.

Yo, everyone! Game Design fellow Sasu is back in action, currently testing the newest build of Interplanetary. Some key features are still missing; it's a little bit difficult to enjoy the game when buildings and cities don't even have life bars, but the game is otherwise quite playable already. Add in a couple of features and balance, balance, balance!

Today we shall delve into a central system, that isn't completely implemented in the game at this point. As such, many of the terms used will probably differ in the final game and the system itself will evolve. In spite of that, let's take a look at the basics of...

The Resources of Interplanetary: Material

We've already mentioned some things about Interplanetary's resources in these posts. There are quite a few, such as Production, Science and Power, but one of the most important ones, for you to keep your eye on, is Material.

Material represents everything, well, material that you need to build structures: concrete, rebar, currency, whatever. It's all lumped under the moniker of Material for your convenience! Along with Power, a bar showing the available Material is always shown to the player; these are the two things that need constant attention when developing your planet.

All those railguns ain't cheap.

As we've explained before, many actions in the game cost Power, the amount of which is recalculated, according to the amount of Power Plants, at the beginning of each turn. Material, however, works more like normal currency, meaning it can easily be depleted, if you consume more than you produce.

The game begins with a set amount of Material for each player, but it won't last for very long. A savvy player will construct a couple of Mines to keep their stocks full. A normal Mine yields a small amount of Material each turn, but they can be upgraded to be more efficient.

The Material doesn't just appear from thin air, though: each planet has a set amount of it, and once it's gone, it's time to start thinking about alternative means of sustaining your development. The planet's Material is divided into three parts: Normal, Aquatic and Deep. The type doesn't matter when building structures, but each of them is acquired in a slightly different way. Most of the planet's Material is Normal and is mined by Normal Mines. Aquatic Material is mined with Underwater Mines and Deep Material is gained by upgrading Normal Mines with Deep Mining capabilities.

Planet Material is like a pizza: tasty and crunchy and I'm hungry.

Initially, all Mines work quite inefficiently and a lot of the mined Material will go to waste in the process to convert it to usable resources. This can be remedied with upgrades, however.

Interplanetary warfare can take a heavy toll on the resources, and you will inevitably run out of Material at some point. When the final drop is consumed, it's time to look to the skies and attempt to colonize a nearby planet. To colonize a planet, you use your interplanetary weapons to shoot Colonization Probes, which in turn will set up a small colony on the planet they land on. The colony is able to, among other things, mine Material and send it back to the home planet.

Long matches may very well end with almost the whole planetary system dry of usable Material. Insert commentary on unsustainable development and the irony of war here.

Hopefully, a complete image on how to play Interplanetary is beginning to form for everyone. We'll be back another time with more tidbits and such. See ya!

Being a tease(r)

Hello, Jukka here. This time I’ll explain a bit about process of creating a teaser and why we even wanted to have a teaser.

We are currently working our way towards alpha. With each step in development, we are also trying to reach more audience. As a young and still pretty much unknown dev team, we need to employ as many means as possible to make Interplanetary and ourselves known out there, unless we want to count everything on people finding us through Steam Greenlight. This is not that reliable strategy because of the sheer amount of other games that go there. Trailers are of course very, very widely used in games and movies, so a we knew we’d be making at least one at some point.

The  Nordic Games Conference was looming in the horizon when we decided on making a teaser, which we could show around. Though some of us aren’t exactly fans of teasers, since the information they give usually isn’t much and doesn't even necessarily include actual gameplay... But, as the name suggest, it’s supposed to tease the viewer to see if we manage to pique their interest or at least when they bump into it in the future, they’d recognize us or the game. Also it’s short, so it’s quite easy to show it around to people in person.

The Idea

So by the time we first wanted to have the teaser we had something of a playable prototype, but its purpose was to test some of the game mechanics and most of all, familiarize the crew with Unity. So it wasn't really something we wanted to feature on a video. Instead we decided to focus on artwork and try to tell something about the setting and the mood of the game.


Romeo & Juliet

So we sat down to think up ideas... And then pretty much jumped the first train which felt interesting: The prologue of Romeo & Juliet:

"Two planets, both alike in potency, In distant cosmos, where we lay our scene, From ancient greed break to a mutiny, Where great arms, shake the grounds apart."

So obviously, we made some modifications to it (here’s the original) and it was only the first few lines we wanted anyways. It kinda fitted and we hoped to get that “I see what you did there”-effect when someone would recognize the source material… We even got someone to record the lines in genuine British accent.

The pacing made it feel much longer than 30 seconds.

NGC

So comes the deadline along with Nordic Games Conference and the teaser is finished. We had planned to have the teaser running at the Kavio Cluster’s booth we shared with our fellow dev teams, but in the end, we didn't have a big display or sound, so Niklas showed it around on a tablet. After he got back we had “post-mortem” about the event and the feedback we got and concluded the teaser didn’t really do what we wanted… Turned out nobody really made the connection to Shakespeare and so it just felt like a poetic narration and the whole shooting-at-planets-thing didn't quite fit, even in any particularly funny way.

Revision

So when the first version of the teaser didn't work, we sat down again to come up with a new plan. We wanted to use the existing material as much as we could and still we wanted to tell something about the setting, so we came up with the idea of following a railgun shot as it flies through space, towards its target.

Execution

My main tools for the job were Photoshop, Blender, After Effects and Premiere. After Effects I hadn't used before and there’s still much to Blender and 3D-modeling for me to learn. For both versions I made a storyboard of some kind. For the first version, I animated some sketches and transitions in Photoshop. Although it gave a good idea on how things would look in the final product, I should have used more time on the sketches themselves. I ended up using more time on animating their movement than on the actual images. So for the second version I stuck with more traditional storyboard and instead put more thought on what I needed from the material that I would need to create still.

Storyboard for the second version 

It is still very rough so if it’s not you who’s doing the editing/material I suggest you put a bit more effort into making it clearer for outside viewers.

Images

I’m not yet a very fast artist, so I often find having to remind myself not to get stuck in one image for too long. I've been also watching the videos from FZD-school channel on Youtube, and one point that Feng Zhu often makes in his videos, is to keep in mind what is the selling point - the most important part of the image - and make sure that that part is well defined and presented.  So, since I didn't have the time I needed to go through the images and make everything detailed, I tried focused my efforts on just certain parts. This also made sense because a single image wouldn't be shown so long that the viewer could explore every part of it.

All the images used in the teasers. Only half ended up in the final version.

While working on the second version Tarita, our artist, suggested we add a bit more life to the images by adding some animation in them. I hadn't planned for this to start with, so it meant a little extra work, but we figured it was worth it. I went through each image sliced them to layers, adding some extra where I needed. Most of the animations I did in Photoshop, except the final image with the city and explosion. It had so many bits and pieces that After Effects was easier to work with than Photoshop CS4's pretty clunky animation system.

Will it Blend?

3D is not exactly my main proficiency, but thankfully, planets are not the hardest thing ever to model, although, if anyone knows a good way of avoiding texture distortion at the poles of a sphere in Blender, I’m all ears! There isn't much I can say about making the 3D material, except that rendering the it as separate images, and using After Effects to turn them into actual video, was a life saver. It was mostly due to me forgetting to adjust some setting or noticing something in the middle of an animation that I didn't like, but having to render the whole animation again would cost me so much time since my work computer cannot handle Blender rendering and working in Photoshop at the same time.

An added bonus was that I could render just the planet on a transparent background and add the background in premiere and adjust it however I wanted.


Music

Although we can find a way to do pretty much anything we want on our own, sometimes it’s just better and faster to rely on other professionals. And concerning the music, we were fortunate to come across Vince Parrish, who agreed on making the music for the teaser and even the game itself.


And that's it, the story of creating a teaser. After we reach the alpha, we are also planning on finally getting some gameplay footage out there. So, look forward to it!

First teaser trailer released!

Well, here it is finally! It turned out quite nice, and while there's no actual gameplay in there ,but the idea of the game is presented in a nice, artistic manner. We'll be rolling with more video updates in the coming weeks, so expect some funky alpha version gameplay stuff soon!

A big hand to our graphics guy Jukka and music maestro Vince for their work on the teaser!

Inside Interplanetary: Targeting System

It does look a bit better than last time.

Hello, people! Game Designer Sasu here again, chronicling our progress on Interplanetary. We are still working on the alpha test version, at the moment. The game is getting prettier and the implementation of many core features, such as placement of structures and targeting, is well on its way! It will probably still be a couple of months until we can send the alpha around for testing, but rest assured that progress is happening. Maybe we'll be able to release some interesting new material, our graphics master Jukka has been working on, soon.

Today, I'd like to go into detail about one of the major game mechanics of Interplanetary. Ladies and gentlemen, may I present the heart and soul of the game: The Targeting System!

The Secrets of  the Targeting System

As you may have noticed at this point, Interplanetary is all about damaging your enemy and keeping yourself safe, using simple base game mechanics that will, hopefully, allow for a lot of strategic depth. The Targeting System allows you to target the cannons you've assembled during the Build Phase.

The Targeting Phase starts as you first choose which gun to target. Its placement on your planet's surface will determine the angle of targeting; it will be somewhat difficult to hit the enemy planet if your weapon happens to be on the wrong side of your planet. It's not impossible, however, since many things in the planetary system will affect the trajectory of the slug. All the planets, and most notably the sun, have a gravitational pull that you can use to your advantage. They can also completely mess up your targeting, unless you're careful.

This is a pretty good curve...

Now that you've picked a weapon, a curve, representing the final trajectory, will appear. By moving your mouse, you can manipulate the curve to make the trajectory to your liking; a good idea is to try and make the slug follow the enemy planet's orbit. Once you've found a trajectory that pleases you, hit the left mouse button and target your next weapon. When you and your opponent have both chosen your targets and ended your turns, the weapons fire automatically.

One more thing to pay attention to is the movement of the planets: once the weapons fire, time unfreezes and the planetary system comes alive. The planets start to orbit the sun and rotate on their axes. You just need to learn to take that into account and aim accordingly, but you can also use a slider to simulate the passage of time while targeting, and even choose when each individual weapon will fire.

...this is not.

When the weapons fire, the slugs follow their predicted trajectories, taking into account the changes in the planetary system. You can only hope you hit the enemy planet and not the other ones, especially your own, or that your missile won't end up drifting endlessly in outer space.

These are the basics of targeting. There's a lot more to it, of course. With the basic system, it's very difficult to, for example, pick a specific target from the enemy planet or just generally to cause a lot of damage. That's why you will be able to use different weapon types with different targeting features. Details on that will have to wait until another time!

Logos are not built in a day

Hello dear readers, it's Jukka here to serve you another post, this time on the subject of Interplanetary's logo and what went into the process of designing it.

Why do we need a logo?

The idea behind a logo is to provide people with something to recognize the product by. Having just a name for a product isn't quite enough, as there can be other things going with the same name (as long as it's not a similar product/entity etc).

A logo provides the name a unique and recognizable aesthetic. It's a building block of a brand. Brand is something that is born instantly, it's the sum of people’s thoughts and opinions of the matter at hand and those things can take time to form. A logo can give people something to base their thoughts and opinions on, when they first encounter a new brand and also a way to recognize it when they see it again somewhere.

Personally though, I feel that game logos don't need to be as thought out as traditional corporate logos and other product logos, as games have better ways of introducing themselves to new audiences, for instance trailers.

Design process

To start off, you need a name and, lucky us, we already had one. Both I and Tarita, our artist, started by sketching our own ideas.
The name “Interplanetary” was originally just a working title, but as it hadn't been used for a game yet and it did a good job in describing the game, we stuck with it (there's a scifi movie by the same name that came out in 2008).
I like to start logo designs by sketching straight in Illustrator. I combine shapes and use the pathfinder tools to cut out and merge them, looking for interesting results.

Some of the first sketches and their variants.

The world of scifi-themed logos is filled with planet shapes and crescent moons, blocky typography and carbon fiber textures. While I tried to come up with something a bit more original I also wanted to include the idea about shooting at planets... Which at first resulted in designs that mostly remind you of things you learn about animal reproduction in biology class. So in the end I made some compromises and didn't come up with the most original of designs, but rather ones I felt conveyed the idea best.

After a while we gathered up the sketches and chose four we liked most and put together a simple survey to ask for opinions and feedback from our friends in facebook. The survey provided us with good feedback and strengthened our own opinion on which design to choose.

The four candidates we chose for the survey.

After posting the survey I moved on to make a short teaser to show at the upcoming Nordic Game Conference, which ended up taking all my time. As a short time remedy we used a plain white version of the logo that was most favored. This way we had a logo, which would be pretty close to it's final form and most probably wouldn't change so much that it would be unrecognizable.

After the NGC, I postponed working on the logo for some time, while I concentrated on honing the teaser and its idea bit further. The teaser is still a work in progress, but I did finally take the time to put the finishing touches on the logo.

Final version of the logo.

And that sums it up. Hope to see again next time.

Inside Interplanetary: Cities, towns, colonies and buildings

Beautiful day in the city of Ars Konsepth. What could go wrong?

This time we have a couple of lines (read: wall of text) about the role and functionality of Cities, Towns, Colonies and Buildings in Interplanetary. Again there needs to be a disclaimer: Much of the design described here may change during development. If you have thoughts, ideas or even suggestions, feel free to share in the comments.

Cities are one of the key elements of Interplanetary: They hold majority of the planet's population and generate resources like Production and Science. Each city has 1-6 production slots for different Projects that  provide either one time bonuses, such as population growth boost, or permanent ones like Space Elevator. Permanent bonuses occupy the production slot they are built in.

Cities cannot be destroyed in a single turn, but if their population is reduced enough, they will turn into Towns. It's theoretically possible to destroy an enemy city by precision strikes across two turns by turning it into a town , but considerable amount of firepower is needed as Cities are quite resilient.

Towns could be described as placeholders for potential cities. They appear on the globe from the beginning, but cannot be interacted with directly. Towns hold some population just like Cities, and when the population grows large enough, the town becomes a City. Player can speed up the growth by protecting a city with a  defensive building or building other structures near it. Unlike cities, Towns can be destroyed.

Colonies come into play a bit later in the game. A sufficiently advanced civilization can develop a Project for colonizing another planet in the same planetary system. The main function of a colony is to provide precious material for the player, but Colonies also act as forward platforms for some useful Projects and upgrades that cannot be built elsewhere.

Buildings are megastructures that serve a single purpose like producing resources, defending Home Planet or gathering intelligence. Players can choose fairly freely where they place the buildings, as long as they are not built in water etc. However, placing a building has almost always a tactical side to it. For an example, building in tight clusters makes buildings more defensible, but also makes them vulnerable to splash damage. Some weapons require line of sight, so building them all around the globe might be a good idea as opposed to concentrating them on one side.

So that's the very basics, we may write in more detail about these mechanics later. Lets us know what you would like to read and we will do our best to deliver!

Designing the Laser installation WMD

Giant Death Laser (work title) preying upon the enemy planet.

Hello to you, dear readers! I’m Jukka, one of the two artists working on Interplanetary. I will be responsible, for the most parts, for creating concept art and illustrations for the game.

In this post I’ll be talking a little about visual design, this time focusing on the "Laser installation" concept.

Our goal in Interplanetary is to make the technologies seem as realistic or feasible as possible without letting the gameplay suffer, so a big part in creating concepts for them is the hunt for applicable technologies that already exist or have been theorized. Luckily our team lead & designer Niklas is something of a "tech nut" so usually he already has some ideas to what might work.

The first step in starting designing the Laser installation, was to type "world's most powerful laser" in Google and hit the search. Quite fast I ran into the National Ignition Facility in US where they conduct research on nuclear fusion with lasers. They use 192 individual lasers all targeted to a small fuel pellet in order to reach the temperatures they aim for. 

So I thought that instead of using a single laser to create a powerful enough beam, it would be more feasible and interesting to have multiple lasers and have some kind of lenses to converge the beams into one. My thinking was, that a tower-like structure could be useful, so that the lasers could be arranged along its length along with the lenses so that theoretically the lenses wouldn't need to bend the beams too much. From that I made the quick sketches below, and later the one on the top.

Earlier GDL concepts. The idea of how they might work has remained pretty much the same.

Another thing to consider was the immense amount of energy needed to fire the lasers. While having it's very own nuclear power plant could be fun, I found out about SMES (superconducting magnetic energy storage), which besides sounding very sciency just might be a feasible way of storing the amounts of energy required... I'm still pondering what I'd do with the design to make it bit more interesting without making it look too unrealistic.

That's it for me this time, but I just might be back writing more of these posts in the future, and once the final concept is done for the Laser installation we'll no doubt be posting it to our Facebook concepts album.

- Jukka

It's alive!

Good news everyone! TJR has awoken from its slumber of outsourcing and school related stuff. Now that we have also been reinforced with a band of new members, the team is stronger than ever.

First and foremost this means we have been able to finally resume the development of Interplanetary. The project was quietly moved to the notorious slow lane at first last spring and ultimately shelved for a couple of months. This was not something we wanted to do, but by switching to outsourcing for a while we managed to ensure steady supply of ramen while having some time to focus on the remaining school related things and smaller projects. Some of us even managed to graduate while we were flying under the radar, so, success!

Interplanetary has evolved quite a bit when we paid less attention to it; the game is now 3D and based on Unity engine instead of the slowly fading XNA. This should allow us to make the game even more beautiful than we originally planned with the option to go multiplatform with relative ease. Here's a bit of a sneak peek to a description we wrote for the upcoming Kavio cluster website. If you are all "what the heck is Interplanetary??" at this point, this should get you on track of things:

Interplanetary is a turn based strategy game about warfare between two planets. Setting of the game is a fictional planetary system where two planets have evolved intelligent life and ultimately become planetary civilizations. These two planets have fallen into a conflict for the natural resources of the planetary system they share. 

Technology level in the game is not too far from ours, and instead of stereotypical sci-fi starfleets, war is waged with massive, planetary weapons and other megastructures, built right onto the home planet. As the game progresses, technological advances allow more and more options to protect your people and defeat the enemy.

Main part of the game is managing the limited natural resources of player's home planet, developing its infrastructure and researching new technology. Each turn ends with action phase where player gets to target the weapon systems at the enemy planet and unleash his military might. The game supports various different tactics from a planetary broadside of railgun slugs to few, but deadly precise strikes of interplanetary lasers.

If you enjoy games with similar elements, like DEFCON, Civilization series or even the old artillery games, we will definitely have a game for you! Interplanetary will be available in most digital distribution channels.

While actual gameplay screenshots still have to wait a bit, we are proud to present some concept art. Stay tuned, there will be more to follow regularly now that we're back in business.

Charging capacitor banks… Adjusting the rails…

Interplanetary was on a bit of a slow lane for a moment as half of our team was ill, but we're getting back on schedule again! Let's celebrate with some concept art of an Orbital Laser Defense module. (Art by Jukka Kivijärvi)

Most of the engine's core structures are done and pretty much all the major modules have been attached, so we are getting closer to releasing the alpha version.

Unlike we planned at first, Interplanetary aplha will most likely have graphical UI for moving between game states instead of just in-game console interface, so non game developers can play too. :p

Interplanetary progress, starweek 38

Progress on Interplanetary has been a little slower than we hoped this week, mainly because part of out team wasted some days being ill. Shame on you!

However, we did get part of the core code structure done, and also made progress on the design front. We also had out graphic artist Jukka Kivijärvi working with us this week, so have some concept art. Full version available here: http://goo.gl/7r2pf

We are still working on Interplanetary and some other projects during this weekend, and next week we're hoping to really get going with Interplanetary programming.