content top

Road to IGF 2015 [Part I of V] The displacement marker

Last year, we wrote about how we almost submitted Okhlos to the IGF. We were about to do it, but we decided to back off because we thought that Okhlos wasn’t in proper shape for something like the IGF.

This year, we are much more confident. Okhlos is far from complete, but in its current state, it has lots of crazy things happening that we think are cool. Also, the visuals are on more solid ground. And that’s without mentioning that the game has changed a lot from those days, when things weren’t procedural, and we didn’t even have a roguelike foundation.

That’s why, this week, we are starting the “ROAD TO IGF” updates. They will all be very brief and straight forward, in order to make the most of our time from now on until the 22nd of October. The final update in this saga will be just two days before the deadline, and that will include a changelog from this version to whatever we have in a month.

Now, for this week:

The Displacement marker

There are certain GUI elements that are crucial in a game. In Okhlos, one of the most important elements is what we call the displacement marker, that little flag that shows you where are you directing your mob.

At first, this was a very difficult concept to explain. People didn’t seem to grasp the idea of moving the mob alongside their character, or using the stick in order to attack.

displacementMarker_Viejo2

Ye olde displacement marker. So long buddy…

So we solved this (at least for now) by changing the graphics according to the context.

mueve

So, if you need to move the mob, your displacement marker will show you where they  will move (approximately). But if you are near an attackable thing, the displacement marker will change. We think this will help tell what’s interactive and what’s not.

ataca

Right now, we drafted some ideas about how it should look, but we aren’t quite sure about which direction should we go. They are very showy, that’s for sure, but when you have 50+ people around, maybe you need showy. We still have to try something more subtle though.

displacement_Contexto

Here, you can see the displacemen marker in context

Also, we prepared an alternative, which is the arrows rotating, and the swords pointing and scaling. Exactly the opposite of the previous one.

Mueve_Alternativo

Here you can see the arrows rotating around the marker.

Ataca_Alternativo

And the swords scaling down

We’ve just arrived at these options, so any comment or feedback about this is super welcome!

Finally, another thing we had to decide is to make the displacement marker a billboard or not. All the units in Okhlos are billboards, which means they always face the camera. Opposed to that, not being billboards means that they will be just stand there, and that they will not rotate according to the camera’s position.

I think, in this case, the best solution is to not use a billboard. This will give the player a better sense of depth, and a better idea of the position of the marker.

comparision

It’s veeery subtle, but it’s there!

 

Anyway, that’s it for this week! We will be working hard in order to have a cool build for the IGF. Wish us luck!

 

Read More

Iterating like a BOSS

I’m a big fan of iteration. I love letting some time pass and then revisiting something. The problem with iterating, is that takes too much time. Sometimes you have to do the same thing two or three times.

In this sense,  ideally you want to do it right the first time. Of course, you can’t plan on doing it right the first time. You can try, but it’s very unlikely that you will have it right at first.

Time is another huge factor. Sometimes, you just want to see your work in game. Seeing things implemented, even when it’s a draft, can help a lot to give you an idea of how it will look and feel in the game. Context is important.

This week, I will show you the difference between the first and second versions of a character. I think that a few of these tips are useful not just in pixel art, but in almost every creative field.

The important part: If you are not extremely happy with your result, do it again!

 

Now, the example:

The last weeks, we’ve been showing you the Shield Bearer, an Ares warrior who takes cover behind a giant shield.

ShieldBearer

This is the original enemy design. If the character is looking forward, the only way to attack him is from behind, and vice versa if he is looking back. He always moves and attacks behind the shield, so you have to sneak from behind. We can start from here.

 

Idle Animation:

shieldBearer_idle1

IDLE – Old Version

 

shieldBearer_idle2

IDLE – New Version

As you can see, the base gesture is not horrible, but it doesn’t suggest action, and the stance is kind of boring because he is just standing there. The new version is much more dynamic. It has the same number of frames, but you can see that he is waiting for action! Also, you can see some shoulder deformation, almost like a hunchback. This was unintentional, but I thought that it added personality, so I left it.

 

Attacking Animation:

shieldBearer_ataca1

ATTACK – Old Version

shieldBearer_ataca2

ATTACK – New Version

The new Attacking Animation preserves the same stance from the new idle animation. This version adds an extra frame, and that gives a little more momentum prior to the attack. Also, I reworked the cape, because the previous one was awful.

 

Running Animation:

shieldBearer_corre1

RUNNING – Old

shieldBearer_corre2

RUNNING – New

This animation also derives from the idle stance.  Like in the other cases, there wasn’t much I could use from the former animation, and I had to redraw a lot.

 

Turn Animation:

shieldBearer_daVuelta1

TURN – Old

shieldBearer_daVuelta2

TURN – New

The turn animation had the same problem as the idle one. It lacked action. Using the idle animation as a base, we could do something much more dynamic. Also, we added a subtle movement in the foots, that helped.

 

Back Animations:

__comparativaAtrasVieja

RUN / ATTACK – Old

__comparativaAtrasNueva

RUN / ATTACK – New

Back animations are a pain. A real pain. They are awful to do. They don’t look good, and that was a perfect excuse to stop doing them for the mob units.

In some enemies, we still have to do it. This was the case of the Shield Bearer. The back animations are as important as the front ones, so we had to add some love to them. Also, with the new animations, it’s much easier to read where he is facing at.

 

Animating these enemies is a completely different task than animating the mob units. I’ve learned a thing or two animating these giants: It really helps drawing some guidelines on top of your character, and not to think so much about reusing every part. You might need to redraw an arm, or the torso for a particular pose, but that will give some life to your animations.

DraftAnimation

 

The little blue cross you see below the character is a small mark I do to know the absolute position the frame must have in the .psd file, since each frame will be automatically exported into .png.

The blue / red thing is to have a better reading of what’s happening. You might need that when you are trying to understand a couple of strokes in a 50px canvas.

 

So that’s pretty much it for this week. It’s a bummer to have to redo some things but, in the end, it’s usually worth it.

 

Also, this week makes the debut of our new comment system with Disqus. Feel free to leave a comment to test it!

 

 

Read More

Sparta, Take Two

Last week, we talked about our “outside the box” solution to a particular problem with the Y displacement.  It wasn’t perfect, but we are almost proud of it (we don’t actually know what being proud is, but we read about it).

Before that, we had started talking about Sparta,  the new world we are working on. We showed a few bits of Sparta, and this week we will continue presenting new stuff!

CartelSparta

 

Another one of the new enemies introduced in Sparta is the Rock Thrower Cyclops. He will throw rocks at you (I bet you didn’t see that coming). He may not be as tough as the armored cyclops or giants, but his rocks can do a lot of damage to the units.

RockThrower

Here he is, grabbing a rock to throw. Ah, the Rock Thrower.

 

Besides adding more enemies, there were a few things we tweaked in Sparta.

In the previous world, Delphi, you could find a lot of shops in the city, like a meat shop, a fruit shop, and so on. In Sparta, being a much more “war friendly” zone, you will be more likely to find war-related stuff . Which meant that, in addition to a change of materials and textures, there were lots of structural changes in the buildings.

For instance, instead of a meat shop, you will have an Archery Range.

Archer

Needs an awful amount of work, but you get the idea.

And the buildings were just a small part in the process. You can push a little further the idea of a heavy armed city with props.  For instance, having some training dummies around. It really suggests that the people there are constantly training.

dummys

Breakable dummies everywhere!

 

Also, to have a heavily armed city, you need lots of weapons.

montonDeArmas

You can feel like Neo here.

 

And finally, we used the directional light to change a little the mood and the time of day.

luces

Well, that’s pretty much it for this week, and probably for Sparta. Next week we’ll be introducing a new world! (maybe)

Read More

Introducing Sparta!

These past weeks, we’ve been working on Sparta, a brand new world for Okhlos.

We decided to work on a new world, despite not having finished Delphi, because we thought that introducing more levels will give us a better idea of how the game as a whole will be .

 

So, in Sparta you will find:

Enemies!

Lots of enemies. Most of them, cyclops. Also, some of these cyclops will attack constantly the mob’s leader, so you will have to try and dodge them while controlling the mob.

ciclopes

A new kind of enemy will be the Shield Bearer (not a bear), which can only be attacked from the back (and that meant doing back sprites again… which is a pain).

ShieldBearer

Ares

The main boss in Sparta is Ares, the god of war. He will spawn in a sort of Colosseum, and the battle with him will be very melee oriented.

arena

arenaEditor

Also, he will spawn with his sons, Phobos & Deimos.

Phobos is the personification of fear (the word phobia comes from him), particularly, the fear in battle. So his powers will affect the mob morale and cohesion.

Deimos, on the other hand, is the personification of terror. It’s something a little more abstract, so that’s why we went with a more mystical approach for him

phobosYDeimosConcept

 

This was the original concept art. Deimos in the left, Phobos int the right. Below is the pixel art version. As you can see, lots of changes happen when we translate from concept to pixel art.

 

PhobosYDeimos

 

Also, Phobos and Deimos are (appropriately) the names of Mars’ (which is the Roman name for Ares) two satellites. All of this makes searching for them a little more annoying (luckily, is not even remote as annoying as Electra).

Sparta

We wanted to re use a lot of assets to be able to test it quickly, but we made some new things in order to give Sparta a distinctive look. We changed the terrain, we made new buildings, and we changed the roads.

sparta

buildings

We still have lots to do in Sparta, but this will give us enough to test the new world and see how it feels!

 

That’s all for this week! Let us know what you think!

Read More

More heroes!

These past few weeks, we’ve been working on lots of new stuff. Among them, there are new levels, enemies, and heroes! But since we were already in the tpoic of heroes, in this update, we will be introducing the rest of the heroes we have been working on.

 

Andromeda is a very interesting character. She was held to a cliff to feed some monster, but Perseus ruined the day. At least for the monster.

In Okhlos, Andromeda will boost the mob’s overall hp.

At first, I drew her with green hair, as a very obvious nod to a certain character also representing Andromeda, but it was way too obvious.

The cool thing about Antigone, is that she hasn’t been much explored  in popular culture. It’s not one of the classic characters you find in every Greek-mythology-based thing. Also, it’s amazing she didn’t came out plain stupid, because of her mother and grandmother were the same person.

In Okhlos, Antigone will give the mob more cohesion.

In this screenshot, you can see how more or less cohesion will affect your mob.

So far, the Dioscury, are the only hero that are technically two. They were guest stars in a lot of myths, like the Calydonian boar hunt, and the Argonauts expeditions.

In Okhlos, they will boost the overall attack of the mob.

My first intention, was to make her clothes red. That was obvious and inaccurate, so I turned into more research. Finding reference images of Electra was very annoying because of  the saturation of other Electras (And trust me, Google images is FULL of pics of them).

Electra has bad reputation because of Freud (technically, Magneto), but it has nothing to do with the original myths. As Antigone, which is the daughter of Oedipus, a hero already in Okhlos, she is the daughter of Agamemnon.

In Okhlos, she will make the mob move and attack faster.

Finally, Helen played a fundamental role in the Trojan war. Also, she is one of the first characters of the Trojan war we introduce! The Trojan war it’s likely to be a real conflict, with some poetic licenses, triggered by her running away with Legolas.

Also, she is the sister of the Disocury, so this week, we introduced a lot of family members in the game.

In Okhlos, she will raise up all the attack stats in the mob, BUT also will reduce your cohesion a lot!

 

So that’s it for this week! Next week, we will show you our first steps into the new levels!

Read More
content top