content top

Road to IGF 2015 [Part IV of V] Effects for the Gods

Hey there!

Just one week to the IGF! And we still have a lot to do!

 

For starters, besides the IGF we have to give a talk at Tecnopolis on Saturday, so that will take some of our time.

Because we have to be there on Friday too, we must have the build almost ready by Thursday. After that day, we decided that we wouldn’t add anything new to the build (so you can imagine how hurried we are).

logo

As I said before, on Saturday 18 we will be giving a talk, so we can’t work on Friday or Saturday. The next Wednesday we will have to  submit it to the IGF, so we have Monday and Tuesday to fix any issues that we may find in Okhlos’ new version.

oradores

All of this is stressing us a lot, but we are glad that it’s almost over!

 

Anyway, as we have so little time, I think it’s a good idea to brag about some new effects we are working on! The game still needs a lot of “Juicy“, so adding fx is a good way to give feedback to the player, letting them have a good idea of what’s happening . We still need to push a little further the audio in that part, but Gordon is working on it.

 

When you have done 3 different gods for Okhlos, you start learning things you will use for the remaining ones:

1.- Be consistent

2.- K.I.S.S. (Keep It Simple, Stupid)

Following these rules, one thing we decided last week, is that every god will fly. I was finishing Artemis walking loop, when I stumble upon these rules. We already had two flying gods (1), and is much easier to do a flying animation than a walking one (2). So I threw away the ongoing animation, made a new one, added a wind blowing fx below the gods, and voilá! They are flying.

Apollo Flying

There it is! (WIP!)

 

Another thing we changed was the death animation. Ares was the first God I drew, so he had a lot of issues, and I learned a lot since I made him. For Apollo and Artemis I made a much more cool / powerful death animation,  so, following these two simple rules, I changed Ares’ death animation.

aresmuereViejo

This was the old death animation.

 

AresMuerte2

This is the new one.

As you can see, there is a big difference between the animations. The second one is more “epic”.  Also, it’s just a little bit easier to animate. And finally, it’s consistent with the rest of the gods.

 

We learned a lot after working a few gods, and that gave us a better understanding of what we are doing.  The best advice we can give in this matter, is that if you have to make 12 Olympian gods in your game, make 3 or 4 together and that will give you a better idea of what you are up to.

 

Next week, we will be writing the final post of ROAD TO IGF series!

 

Read More

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
content top