Category Archives: Gameplay

Ushah Development

Now that Julia is mostly finished, we’ve started development on Ushah. We had already decided on most of his moveset set, had created some artwork and had written down a rudimentary background story, but now we have truly commenced to give him form both visually and gameplay-wise.

In terms of appearance the biggest obstacle we have to tackle is the mechanical arm. We have to figure out the shape of the arm, the position of the moving parts and how to convert it into a proper scale for the sprites. Here is a small part of the recent concept art.

One of the earlier development sketches of Ushah’s arm that Bob Sagat has created.

The design of the mechanical arm has gone through some revisions and developments. This more solid armor-like version of the arm, is the direction we are moving towards at the moment. The ‘wrist’ portion widens outwards like a cannon muzzle. The steam gun in Ushah’s arm can release its steam shot around the hand this way.

A study of the new arm design in motion. It looks solid from different angles.

We’ve started to make a mock-up version of Ushah. Right now it is just his standing and crouching moves, with the framedata implemented as originally designed. This way we are able to quickly see what feels off, what should be adjusted and how. We’ve made a compilation of some of his moves and move properties in the video below.

The first clip shows: cr.LK xx cr.LP xx st.LK, Julia tries to retaliate with st.HP, but Ushah presses his st.HP, and the armor on hit st.HP blocks Julia’s attack and hits her.

The next clip shows: cr.LP, cr.HP, a basic link combo, followed by cr.LK, cr.HK, showing that Ushah’s cr.HK knocks down on hit.

We are exploring some unique super mechanics for Ushah. As a grappler, Ushah tries to limit his opponent’s movement to get in and grab them. His super lays down screens of steam with his mechanical arm/steam gun. This steam will impede the movement speed of the opponent, making it easier for Ushah to get in close and really hurt his opponent.

We’d like to put a call out for any concept artists that would be interested in helping along with Shattered. Some of the characters are already fairly fleshed out, other characters still have a long way to go.

Many fighting games have rather typical anime-look. We really want to distinguish the look and feel of Shattered by giving it more of along the lines of American and European comic book style, rather than the Japanese look so many fighting games have.

Do you think your artwork would fit the style we’re aiming for and are you looking for a chance to help along with the development of the game, please contact us at djono [at] team18k.com.

The development of Shattered is currently purely a labour of love, and all development is done in our free time, extra help would be really appreciated.

New gameplay changes

RFD was a great chance to get a lot of playtesting in. Watching the players play the game exposed several bugs and gameplay issues that we have fixed in the past weeks. We’d like to walk you through some of the changes we’ve made.

An issue that multiple testers had been commenting on for some time now, is that the position that Julia’s projectile spawned made it very difficult to jump over the projectile and punish. We have designed for Julia to be a character that can set up fireball traps, and when anticipating a jump-in, could use her anti-air normals and special to punch the opponent out of the air.

But the projectile spawned so high, and so close to Julia’s body, that in some positions, it was possible to throw a projectile, and anti-air the opponent with the next projectile if they tried to jump over.

We’ve moved the place where the arrow appears more to the front which should solve this issue. Moreover, it has some side effects we’re very happy with. Julia can now cr.HK into her projectile from much further away, make it a much better string to poke with.

For example, cr.HK xx qcf+HP now combos after two blocked light attacks.

The super suffered from the same problem as Julia’s projectile. It was a bit too easy to anti-air with, moreover, it spawned so close to Julia’s body that it was quite difficult to combo off it. By moving it forward significantly, it is now a lot easier to use st.LK to beat out a low attack and cancel into super and have it actually combo.

Also simply confirming into super off cr.LK xx cr.LK xx st.LK, is now a lot less range dependent.

With Julia’s normal projectiles, the qcf+LP gives a slow projectile and qcf+HP gives a fast projectile. Before, Julia’s super would only travel with one speed (the speed of the light projectile). We’ve now added to option to choose between the two speeds. We’re still playing around with the variables, but we like how the fast version allows for some long range reaction punishes.

Some of you who have watched the RFD grand finals may have noticed that sometimes an airborne opponent would drop out of the super fireball after one hit. We’ve tweaked this, so that this should no longer happen now.

Finally, Julia’s flying kick attacks always whiff on crouchers, but it is her most damaging special. We wanted it to be a bit easier to convert into maximum damage off a full jump-in combo, and for that we’ve made it so that Julia’s crouching hard punch now forces stand on crouching opponents, so that cr.HP into qcb+HK always hits.

As some of you may have heard, YouTube has finally added 60fps support. We’re really excited about because Shattered, and fighting games in general, look much better at 60fps. Right now it is only possible to watch 60fps videos in the Chrome web browser, but it will likely be available for other browsers soon too. From this post onwards, we’ll try to to upload 60fps footage whenever we can!

Pre-RFD updates #4

There is only one week left until Red Fight District (RFD) starts, the final countdown has begun! We are very pleased with the state of the game right now as it feels stable and balanced, there are still some minor bugs that need to be fixed, but we have locked down the code in terms of gameplay changes and feature additions until after RFD so we don’t have to fear for sudden bugs ruining the game! We still have a lot of visual and audio content to add (not to speak of additional characters), but we have made great strides when it comes to the playability and presentation of the game in these past weeks.

One of the latest additions is an updated Shatter animation which now has some visual effect and sound effects to make it clearer when you have shattered your opponent.

Saturday the 4th of November we held a final playtest session with Shoutcaster/Marvel Fanatic WrathTheFurious (who will be commentating our finals on the RFD stream!), Marvel player CorrezZio, Team18K animator Bob Sagat and coder/designer Phoenix. It was a joy to see the excitement of players and how fast they picked up Julia’s combos, blockstrings and tricks. We’re very thankful for WrathTheFurious and CorrezZio taking the time to test the game with us!

Here’s a nice snippet of hype moment where Phoenix lays down the pain on his opponent.

We recorded more than just this snippet, the following video clocks in at just under an hour of Shattered gameplay between Phoenix, WrathTheFurious and CorrezZio. Sadly, we did not really keep track of who played when, so we only know that Phoenix was p1 and Wrath was p2 for the first few games. Enjoy!

The tournament at RFD will be held on Saturday, and by the current schedule the finals will be streamed at 8pm (GMT+1), it will be streamed by the Hadoken.eu. Of course, the schedule is subject to change, so if you want to be kept up to date about the progress of the tournament and when it will go live, make sure to follow us on Twitter @Team18K.

Coal

Pre-RFD updates #3

RFD is coming ever closer, and once again we’ve added a couple more changes to the game that are highly noticeable.

The first change is one we alluded to in the previous post already. Not only do we have a new and fully animated throw, now Julia can also throw the opponent in forward and backward.

Several testers expressed the desire to have some sound in the game. Attacks now make sounds on whiff, on hit and on block, as you can hear in the showcase video we’ve included below. None of the team are experts when it comes to audio, so these initial sound effects are only temporary. Nevertheless, we feel that it certainly makes the game feel more complete, even in this early stage.

Having sound allows for easier reactions (one’s reactions on sound cues is significantly faster than that of visual cues), and overall just gives a lot more impact to hits.

Another feature we’ve implemented that we really wanted to be in before RFD, is the combo counter. Although figuring out what combos and what doesn’t, is quite intuitive with Julia, having the game actually tell you what combos and what doesn’t helps tremendously with any game you first pick up, so we’re very happy to have it in.

Player 1 and Player 2 have had the exact same colors for a very long time now. And while for showcasing some new features, or just practicing combos, this is hardly ever confusing, it certainly can get confusing in the heat of battle. We have now implemented a new color palette for Player 2 Julia, so that now you’ll know exactly who is who when playing! If by any chance you have a variation of colorblindness that still makes the two Julias hard to distinguish please let us know, we’re more than willing to tweak the colors.

Pre-RFD updates #2

We’re a few weeks along, and Red Fight District III is coming ever closer. We once again have a batch of changes to share with you!

One of the major complaints by alpha testers was our mockup grab, which consisted of mockup sprites and the inability to throw your opponent forwards, which made it useless when applying pressure on a cornered opponent, as it would throw the opponent out of the corner.

One of these problems has now been resolved! We now have a fully sprited version of the throw animation, and we are hard at work to implement the ability to throw your opponent forward.

The previous blog showed you our newly added superstop, and while this was a nice start, the pause without any effects was a bit awkward. The screen now becomes dark for the duration of the superstop, and a quick screen shake effect take place. This is however not apparent on youtube, as it cuts half the frames of animation (and thus, the shaking frames).

Of course, these superstop effects are still not final, but the superstop should be easier to read visually now.

We’ve lengthened the stage vertically and added vertical panning to the game. Vertical moves such as uppercuts will now be followed by the camera, adding an extra bit of visual oomph.

Attentive readers might notice we’ve changed the properties of the Hard punch dragon punch a bit.

Finally, we encountered this funny ‘little’ bug a few weeks ago. Why did we wait before showing it to you? We wanted to kill it dead, so you could not recreate it at RFD. Enjoy.

Engine updates

Lately we’ve been making great progress on the engine side of the game. While much of the system was already more or less functioning, We are now polishing up some parts of the  engine to make it work exactly as intended.

A fairly big update which -to the player- is very difficult to see, but removes a lot of headaches on the programming and scripting side, is a reworked velocity system. Control over gravity and acceleration is now less hacky, and allows us to experiment with some new things. Right now, the knockback of attacks is plotted out manually frame-by-frame. We are now experimenting to see if a formula-based knockback would give the desired effect.

More obvious system updates are the changes to crossups and the way the shatter system works. Originally, when you hit your opponent with a crossup, the opponent would move away from you, making it very difficult to combo off a crossup. Normally in fighting games, although there are exceptions, the opponent moves towards you when you do a crossup, allowing at least as many, and sometimes more combos than when hitting a normal jump attack. In Shattered, the crossups now work as expected. The video below first showcases  how the crossups used to work, and shows that comboing off it is difficult, after that it showcases the new crossup mechanics, and the same followup comboing this time around.

We’ve also made changes to the shatter system. We originally envisioned for a shattered opponent to be able to be hit with one more move before he is knocked down. For a long time, however, a shattered opponent would only take one hit before being knocked down, which in the case of moves that do multiple hits would not give the desired effect.

In the first part of the video below, you will see that the flying kicks and dragon punch, which normally hit three and two times respectively, only hit once on a shattered opponent. In the second part you can see that the opponent is hit by all hits of these moves before being knocked down.

Julia’s Specials and Supers

This post will conclude our presentation of Julia’s hitboxes. We will discuss her command normals, shatter attack, specials and super. Normals often have subtle hitboxes that have specific applications, specials moves generally have a lot bigger and dominant hitboxes.

df+HK

sweepThis is Julia’s only command normal, it is a low hitting move that knocks down on hit and has slightly better range and a better hitbox than the cr.HK. To balance it out against the cr.HK, the move has a slower startup and a hefty recovery. The move can be cancelled into a fireball to make it safe on block. One should be careful not to whiff it, as this sets you up for great punishment.

 

Shatter Attack (HP+HK)
shatterThe Shatter Attack is still very much a work in progress move. Right now it reuses the sprite of the j.HK, however with different hitboxes. Notice that during her attack she is lower body invincible and she is considered airborne. The invincibility allows her to dodge low attacks and hit it as a devastating counterattacks.

Because the move is airborne, the move is also unthrowable. You can therefore decide to throw it out when you anticipate a throw.

While this move beats two very common tactics (low attack and throw), it is very unsafe on block, and one needs to be very careful to throw it out.

Projectile (qcf+P)
fbJulia’s projectile is quite high up vertically, which makes it a little difficult to jump over. Because of this same fact some characters will have options to go under it (as Julia does herself with cr.HK). As you can see, the hitbox of the projectile extends a little further down than you might expect from the sprite. This is to make it so that the fireball doesn’t whiff over crouchers normally.

Both versions of the projectile have the same hitboxes. The hard punch fireball is quicker but the recovery of the move is slightly longer.

Dragonpunch (dp+P)

dpLP

dp+LP

Hard punch version

dp+HP

dp2

 

 

 

 

 

Julia’s dragonpunch is an excellent anti-air and has incredible priority to beat other moves out. The recovery is huge, which sets you up for brutal punishment if you whiff it. Both the light and heavy versions can be supercancelled.

The light version is invincible during the entire startup, but can be hit at the feet during its first active frames. As a result it will trade with a meaty attack if you reversal with it. This is not necessarily disadvantageous for Julia, as the dragonpunch juggles and it is possible to follow up with attacks after a trade. Unlike the hard version, the light version only hits once.

The hard version is completely invincible during the first hit, which means it will beat out meaties clean, but it has slightly longer startup.

The hitbox of the rising part of the dragonpunch is identical for both the light and the heavy versions. While this part of the move is not invincible, the priority is still very good, and covers a good amount of vertical space, making this section of the move also a potent anti-air.

Flying kicks (qcb+K)

qcb+HK (1st hit)

qcb+HK (1st hit)

qcb+LK (1st hit), qcb+HK (2nd hit)

qcb+LK (1st hit), qcb+HK (2nd hit)

qcb+LK

qcb+LK/HK (final hit)

 

 

 

 

 

The two versions of the flying kicks in terms of hitboxes are very similar, but the framedata and hit effects differ considerably. These moves are the most damaging special moves in Julia’s arsenal and are very unsafe on block. It is mostly as a tool for dealing damage, but can also be used to quickly cross some screen distance.

The light version can combo off light attacks, does two hits and does not knock down on hit. After it is hit both players recover at the same time, which allows Julia to press her advantage.

The hard version does not combo off light attacks, does three hits and does knock down.

While both these moves are important combo tools, it should be noted that they will whiff on most crouching characters, and therefore you will only be able to maximize the damage with these moves if you catch your opponent standing.

Super Projectile (2xqcf+P)

superfbClearly this move has not been completely drawn yet and we are still using placeholder art. As a result many of the hitboxes are still subject to change. There are several properties which will certainly remain the same. There are two versions, the light version is a slower projectile, while the hard version is a faster projectile. The hitbox will be both vertically and horizontally bigger than the normal projectile.

The move will hit five consecutive times, and will deal a massive amount of damage, it does not knock down. If you want a combo into super to do a knockdown, you will have to supercancel the Light punch dragonpunch into the fireball.

So that’s it! Those are the moves of Julia. We hope you’ve found these showcases interesting and that you have gotten some insight into our technical design decisions of the game.

Julia’s Jump Normals

Jump normals are always a challenge to get right in fighting games. Because movement is so much more limited by a jump, a lot of factors like range, start-up and active frames become less important than the are on the ground game. This often leaves characters with a plethora of jump normals that are hardly ever used.

We have decided that we want every single jump normal to have a specific function, so that every single button can plausibly be used in high level play. Julia is a good example of this design decision. Every single one of her jump normals has a specific function, and you will have to make specific decisions on what button to press with every jump you do.

 

Jumping Light Punch

jlpJulia’s jumping light punch hits fairly high up, and will whiff on most crouching opponents. Its main use is therefore air-to-airing opponents. While its hitboxes are not amazing, the long active period (12 frames) of the attacks, allows Julia to cover a large part of the jump arc with an attack box. This makes it a low damage, low range, but easy to use air-to-air normal.

 

 

Jumping Light Kick

jlkTogether with the jumping hard punch, this move is one of Julia’s main jump-in attacks. The damage and blockstun that this move does are lower than that of the jump hard punch, but it makes up for this because of its cross-up potential. As you can see the attack box extends behinds Julia, this allows for her to jump over the opponent and still hit them.

 

Jumping Hard Punch

jhpThis damaging, and very deep hitting jump attack is Julia’s main jump-in tool. It easily hits crouchers and does a lot of blockstun. The attack box is somewhat smaller than that of other moves, making this move specifically geared towards jump-in attacks, and not particularly useful as an air-to-air.

 

 

Jump Hard Kick

jhk

The excellent upward angle on this move and the formidable damage, make this attack Julia’s scariest air-to-air normal. Different from the jumping light punch, this move has shorter active frames, forcing the player to be more specific about when to press it. But when it connects, it hurts.

Because Julia pulls her legs up during this move, she is able to dodge some incoming fireballs. This is once again an example of an emergent property inspired by the animations Bob Sagat has drawn.

That concludes our discussion of Julia’s basic normals. Next post we’ll discuss Julia’s single command normal, specials and super.

-Phoenix

Julia’s crouching normals

This post we’ll talk about Julia’s crouching normals. It should be noted that the hitboxes that we present are technically still in development. And while they will not change a whole lot, small tweaks are still being made to this day. In fact, one of the boxes presented today was changed minutes before writing this post.

Crouching Light Punch

crlp_newJulia’s crouching light punch is a fairly straightforward move. It’s a quick chainable light attack that doesn’t hit low. It does beat out other attacks as easily as the crouching light kick, but it can be cancelled into specials and supers. The crouching light punch is one of Julia’s main tools for setting up combos off light attacks.

Crouching Light Kick

crlkThis crouching light kick doesn’t have any hurt box on the limb when it is active. This makes it a potent low hitting attack that can easily beat out other pokes, as the limb itself is invincible. However, there are still reasons to choose to press cr.LP over cr.LK, despite its superior hitbox.

cr.LP hits slightly higher and there are fewer moves that could easily dodge attacks that high, and you might even hit your opponent in the start of a jump where cr.LK might whiff. Moreover cr.LK cannot be cancelled into specials or supers, so you will have to chain into cr.LP if you want to combo into a special move.

Crouching Hard Punch

crhpThe move is used to beat out jump-ins with relative ease, as it only takes one button press to hit the opponent out of the air.

Because Julia stays low to the ground and the attack box is fairly wide, the cr.HP is a fairly consistent move to use as an anti-air in a variety of situations. It can beat out both crossups and normal deep jump-ins quite effectively. One has to be careful with timing it though, because the recovery is long, so you do not want to whiff it.

Because of its fast start up, it also functions as a reasonable move to use in block strings. The sequence cr.LP, cr.HP is a tight string that will beat out opponents mindlessly mashing buttons after blocking.

Crouching Hard Kick

crhkJulia’s crouching hard kick is a very potent and long range poke. Unlike other four button fighters, cr.HK in our game does not necessarily function as a sweep that knocks down. Julia’s cr.HK is one of those moves that isn’t. It’s an awesome, fast, low hitting cancellable and long ranged move, which plays an important role in the footsie game of Julia.

One might notice that Julia’s hurt box for this move is considerably lower than the other crouching attacks. Because of this, Julia is actually able to use cr.HK to dodge fireballs. This is one of the wonderful ’emergent’ results that we have gotten while working on this game. When me and Coal designed this move, we never intended for it to go under fireballs. But when I added the hitboxes that best fitted the animation that Bob Sagat drew, this was the natural result. We feel that such cases of the game ‘designing itself’ should be embraced, as it makes for natural and understandable hitboxes, as well as interesting intricacies which simply cannot be added by brute force.

Next time we’ll look at the jump attacks.

-Phoenix

Julia’s standing normals

As promised in our previous blogpost, the coming weeks we’ll be discussing some details of Julia’s hitboxes and properties, to give some insight into our design philosophy and something to study for those who are into that sort of thing.

While the hitboxes are fairly straightforward, here are a few things you need to know to make sense of them.

  • Red: Attack box, the part that actually hits the opponent.
  • Blue: Hurt box, the part that can be hit by the opponent
  • Cyan: Collision box, this is a character’s ‘physical’  body, when an opponent walks up to you, this is what you bump up against.
  • White cross: The pivot, this is the point that decides what the ‘front’ and the ‘back’ of Julia is.

Let’s first talk about some general design philosophies. In the old days, many fighting games would have a fixed ‘limit’ of certain boxes that could be on the screen, and therefore you would have quite consistent amount of attack or hurt boxes. Some games would allow two hurt boxes and one attack box per character per frame, while other games allow, for example, three hurt boxes and two attack boxes.

In this modern age, there is of course no true physical limit to the amount of hurt boxes and attack boxes you could use. Nevertheless, we feel that it is still useful to have such limits as a rule of thumb, as we feel it makes properties of moves a bit easier to feel out intuitively. As can be seen below, our rule of thumb is to have two hurt boxes and one attack box on the screen. We can easily break this rule, and when we feel that it will be necessary, we certainly will. but for Julia, it has not yet been necessary.

Now let’s get to the actual hitboxes, this week we’ll be discussing Julia’s standing normals.

Standing Light Punch

Julia’s standing light punch is a fairly straight forward punch. It has good advantage on hit and on block, but it will whiff over crouching characters, making it not particularly strong as a pressure tool. However,it is a good low-risk anti-air option against hops, that you can throw out pre-emptively to cover the space in front of her.

 

Standing Light Kick

This standing light kick is one of my favourite moves in Julia’s moveset, not because it’s so strong but because it’s so specific. The normal is a light normal with quite a bit of startup and recovery. However, it is a formidable footsies tool.  As you might notice her hurt box is very far behind her collision box. Whenever Julia does this move, her hurt box moves backward. With proper spacing, this can make long ranged low attacks whiff completely. The great range on the poke then allows her to hit the opponents move. This allows her to do this move any time she sniffs out a crouching hard kick of the opponent and hit them out of it.

This move can be super cancelled. So if you are confident about your read, you can stick out this move and buffer the super.

Standing Hard Punch

sthpJulia’s standing hard punch is her most damaging normal, and it can be special cancelled. Therefore, it is very important for maximizing damage on a punish combo.

But outside of punish situations this move has great uses too.  The move has great range, which makes it useful in footsie battles. One needs to be careful however, as the move will whiff over crouching opponents.

The standing hard punch covers much of the same space as the standing light punch, while having more range and is more likely to beat out an opponent’s attack. Combined with its high damage output, this move is a very scary anti-hop tool. However, this move is both slower to come out and longer to recovery than the standing light punch, making it a high-risk/high-reward answer to hops.

Standing Hard Kick

sthkThis standing roundhouse is the only standing normal whose attack box stick out above the hurt box. As a result it is able to hit people who come in on Julia with a normal jump. The range is good, but the start-up is fairly long. Making this a good anti-jump normal to hit people that are not necessarily jumping in to hit a combo, but rather to poke or cover some distance.

 

I hope this has given some insight into the design and application of Julia’s normals. Next time we’ll discuss her crouching normals.

-Phoenix