You are here

The Art of StarBreak Pt. 2 - Enemy Art

Comet's picture
Submitted by Comet on Wed, 08/19/2015 - 18:09

Here is part two of our three part series on the Art of StarBreak®. Last week we discussed some of our tricks when dealing with characters. This week, we will touch on enemies.

Part 2 - Enemy Art

Hey everyone! This is Comet reporting in, and I’m here to continue The Art of StarBreak®, with part 2!

I design and animate the enemy monsters in StarBreak®

A. Enemy Animations Before Spriter

Last week, Ransom gave us a great introduction on how we use Spriter’s* animation system, but I wanted to relate a personal experience on how much it actually gives us a better working environment as animators.

Before Spriter was implemented into the game’s production pipeline, animation sequences were done through numbering the image file names with the specifications that would be called through the code. This meant the animation process had to go through extra stages in order to ensure the timing the animator wanted.

Spriter helps us to not only be able to easily drop in assets and switch Z-orders on the fly (as mentioned in Ransom’s previous post), but also be able to set the animation timing as we wish. If we want to hold a particular frame for over a second, Spriter makes that process easy. Originally, the animators had to specify the timing through the file names, as shown in this example:

If you are an animator, you can probably see how this way of animating can quickly drive you mad!

The numbers on the front signified the order of the animation frames, and the numbers on the back specified the duration of how long the frame was held. If we use 15 frames per second (or ‘fps’) for animating, each frame is 66 milliseconds. So, holding each frame for 128 milliseconds would’ve roughly translated into holding 2 frames per image in a 15 fps setting.

B. Enemy Animations Using Spriter

If this sounds crazy, it totally is! Thankfully by the time I joined Crunchy Games, they already had Spriter integrated into the pipeline, so I was able to avoid all of that madness. Here is the same object now, in Spriter:

Dodged a bullet there for sure... Much simpler! (Also, changed colors!)

It may sound trivial, but timing is crucial for animating, and these type of timings are hard to tell without seeing them in real-time. Having an instant preview with Spriter has made the process intuitive to those who are familiar with timeline based animation software such as Flash or After Effects.

While the ‘energyglobe’ animation was very uniform, you can see how the timing is more complex with this giant mech enemy here:

The little white blocks on the bottom represents a frame in a 15 fps setting (fps can be modified)

As Ransom mentioned before, Spriter allows us to really go crazy with puppet style animations. If this were a frame-by-frame animation, this enemy alone would’ve taken up all of the game’s sprite sheet space :p. Mechanic-type enemies are definitely one of the designs that can take advantage of Spriter’s puppet animation system:

Behold the puppet-y craziness!

Which allows us to animate the Mech for specific purposes, like an idle pose:

A destroy animation:

Timber!

Or an attack telegraph:

Spriter also makes the overall artist-to-programmer ‘bridging’ very robust. For instance, the programmer can call the animation based on the names I assign in Spriter. No need to open a separate program or name the files. Instead, I just name the animation on the Spriter’s Animation layer, and let the programmer know which names goes to which animation.

I’ll use the Heavy Mech from the Underground Base as an example:

You can see an array of animation names that I’ve assigned for each behavior.

“shoot” is the Heavy Mech’s normal rocket shot:

“Shoot2” is the armor piercing super shot that is unblockable:

And “swing” is the sweeping laser when you get too close (also unblockable):

It makes the animation implementation process very straightforward and easy, that I almost feel guilty in terms of how easy I have it! (...almost). I salute the artists who had to use the old system!

And that is just a little segment of our enemy art creation process from StarBreak®. I’m sure I’ll see you lovely folks again soon, but until then…

Happy uh… Breaking everyone!

-Comet

*The UI of Spriter is a copyright of BrashMonkey and used with permission. StarBreak® assets are a copyright of Crunchy Games® all rights reserved.

Comments

kingofweed's picture

Comment: 

i say there be a fun map you get 3 lives (you have to wait 5 secs to respawn) also have to complete fire forest to enter and a giant clown mech as the boss stats for the clown mech boss: (hp:1000 movement: 17.5 attacks :mini-gun cannon (on back) 5-17 damage ammo for it 10, clown stuff 1-15 damage, ice balloon fist gloves 8-15, stomp 5-7, shock-wave 7-15 damage and finally evil clown grip (picks a random player picks him/she up and squeeze them 3-5 times for every time it squeeze you take 3-5 (with armor on) 5-12 (with no armor on) def: 7-21 (when u first fight him) (half hp: 5-17 ,almost dead 3-12) reloading speed 21.7 critical damage (to the players): 7-25 damage, etc. THXS FOR YOUR TIME.....
Signed, KingOfWeed.

Comment: 

The Art of StarBreak Pt. 2 which actually have the good stuff related to Enemy Art. I really love it very much because i love games and that is my hobby. I have good collection of games but not this one which you described here. So, like to read about it. One more thing i like to say here i like the them of this site which have a lot of similarties like resume planet reviews have. Very simple but meaningful according to the specific topic of dicussion.

Comment: 

Our website is No. 1 in C Homework Help C/C++ Assignment Help and C/C++ Project Help. You can also hire us for C++ Projects Assistance. CHelpOnline.com is the Number 1 C/C++ Help Site in C Assignment Help niche.

Comment: 

The fine art of StarBreak Pt. 2 which in point of fact have the good substance related to adversary skill. I really feel affection for it very much because i assignment service love sports competition and that is my leisure pursuit.

Comment: 

Money thesis Help money task, write my papers money Homework and scheme of monetary organization Finance thesis Help money is a vast educational regulation, which comprise on many dissimilar field.

Comment: 

Hello website owner, This is a superb article. If you carry on posting such content, I'll undoubtedly. become a loyal reader and save this blog on the best iphone 7 cases thanks