Post feature RSS Monster Making Double Feature: Black Ball & Pestering Knight

Ubiquitous Black Ball and relentless Pestering Knight: learn here how those two iconiс monsters were created.

Posted by on

The Black Ball

Black Ball rising animation

The Black Ball was the most mysterious element of the original illustration BB33K is based on. You can make the jester, the knight or the bats behave this way or that, but you know those are monsters, the skull with the snake up his nose is a boss, the spikes and torches are scenery, doors should be opened, and ropes should be climbed. But this round thing — what is it? A creature, an obstacle, collectable equipment, hole in the wall? There should have been a Game Jam based on this picture, only to see what different people would make of this game design analog of Rorschach test — and you are welcome to try. I’ll tell you how I designed my version of the Black Ball.

Early on, I had an idea it’s some kind of a heavy ball that the player character can pick up and, for example, throw at an enemy, but then I looked at how those balls are positioned and thought that the game would be too easy if those black circles weren’t monsters. So I had to invent their behaviour then. “Goomba algorithm” was an obvious solution: the monster starts moving in its initial direction, falls from heights and reverses movement direction upon reaching an obstacle. I didn’t like this idea for several reasons: first, it would mean that the first ball would be left rolling exactly where the heroine would be respawned, and I wanted to leave this area as a safe place (though eventually I HAD to implement temporal spawning immortality); second, this movement pattern was against the principle “Everything works not quite how you would expect”, which I spoke about in my previous article. Third, I wanted the Ball to be not an animated obstacle but a dangerous, unpredictable (at least at the beginning) creature — and also I didn’t want to spend too much time and resources to create it.

I started by making it initially immobile, so that the gamer wouldn’t even know what kind of object this is, as the designer did. As the player approaches it, the Ball starts to roll, and the player, trying to avoid it, either hits the Bug or is caught by the Skull Grabber (actually, the Grabber keeps the girl out of harm’s way, but the portrait coming alive and then catching the player would most probably be a surprise). Thus the player gets acquainted with those two.

At first I was thinking that maybe the Ball can jump like the infamous green slime from Dangerous Dave in Haunted Mansion,

Green Slime attacks!

but then I remembered that the heroine doesn’t have a shotgun, and decided to tone it down. So the Ball rolls towards the player — and as it’s rolling and not crawling, the player has no reason to expect that it’s a creature and not a simple moving obstacle. So the player tries to leave the initial area going right, and, most probably, 1) learns that the spikes aren’t fatal and 2) gets killed by the Knight (also the Ball may eat her once or twice).

And now, about 10 seconds after the Ball started moving, and rebounded off the wall as inanimate physic objects do, the player has some notions formed about it, and we deceive them again: it turns out that the Ball has tentacles that help it to climb small obstacles!

Black Ball climbs an obstacle

The first Ball falls into a gap and stays there, but that just shows the fourth principle: the rules can change with time. In this case, the Ball that was free became confined (that probably makes the game easier), but the crevasse with spikes that was mostly harmless is now deadly dangerous (that probably makes the game harder).

Of course, I could instigate more paranoia, making each Ball behave in its own way, but with my limited resources I decided to stop there, so there are no more surprises from them, though combined with other monsters and obstacles they stay a formidable foe. By the way, there’s no official background for the Ball (as well as for other monsters). Since the game is wordless anyway, I let the players judge the denizens of the castle by their behaviour only. I’ve already heard an interpretation that it’s a ball of yarn that rolls the girl into itself as a thread.

Black Ball devours the heroine

What’s your take on it?

The Pestering Knight

Crawling towards the Knight

If, as I once suggested, we imagine BB33K as a 6-hour action compressed into 6 minutes, then you encounter the Pestering Knight just when the first boss battle should happen. It was a boss encounter for me as a developer, too. I used my favorite analytical method — counted, how many times the monster appears in the game — and understood that it’s not a mook, but a special enemy. Time to put the players on their knees.

(Spoilers ahead, so read along!)

So, unlike the Black Ball, the Knight had all his equipment visible: a horned helmet, sword and shield. So I decided to start by giving him a simple sword attack, and only then employ the principle “things work not quite how you would expect”. First, I had to select my animation method. I didn’t have ready frames, as was the case with the heroine, and I also knew that drawing pseudopods in Photoshop won’t work this time. Drawing each frame by hand was too much fuss, and I knew I wouldn’t be able to imitate neither the style of the authors of the original pic, nor the “felt tip pen on ruled paper with JPG artifacts” texture. So I decided to do paperdoll animaition. I asked an acquaintance, the author of Russian open-source anime “Marya Morevna”, and he suggested using either OpenToonzSynfig, but then it turned out that you can also create virtual vayang with Blender, which I was already familiar with.

There’s a guide online on how to do that. The process is, basically, as follows:

  1. You take your original picture and cut it into pieces that should move relative to each other (the Knight has body, head, arms, legs, sword and shield). In GIMP, for example, you can put those parts into different layers and then use a special plugin that exports them in separate files. The pieces can overlap, so that the animated fellow won’t have holes in his body.
  2. You enable Import Images as Planes in Blender and import the pictures with certain settings (transparency etc). I had some artifacts on the edges of imported polygons: maybe I could get rid of them with some Blender trickery, but I just erased them manually afterwards (and some of them are still there — look closely! — though the gray background conceals them a bit).
  3. You assemble the parts into the figure of your character, creating hierarchical links so that the arm follows the body, and the sword follows the arm.
  4. You are now ready to animate!

Knight animation in Blender

Not to belittle myself — I was positively astonished with the way the Knight changed after I not even animated him, but just changed his posture a bit. In the original picture he looked stiff and ready to give his sword to anyone that approaches (the hero looked the same way).

Knight comparison: original art vs in-game

It would be faithful to the “things work not quite how you would expect” principle if he really gave his sword to the girl (and then it turned out it was to heavy for her to swing), but I decided that he has to be aggressive, so I lowered his body, set the legs apart from one another and tilted the sword and the body towards the opponent. Then I gave him a simple bouncing idle animation — and it was time to exclaim: “It’s alive!” and start thinking about his behaviour.

I decided to attach to the Knight an invisible “attack zone” object (and then I understood I’d better have two, a lower one and a higher one). The Knight moves towards the heroine, and when she collides with one of those objects, the Knight hits her with his sword. So the player has first to step back to avoid being hit, then to run past the Knight while he get ready for the next attack.

While testing, I also learned another thing. The heroine approaches the knight from high ground, and in 99% of the games it would mean he can’t attack her while she’s standing there. In Dark Souls, which I’ve taken some inspiration from, jumping from high ground even allowed you to do greater damage. But I thought “Hey, let’s make this game even more hardcore than Dark Souls”, and so you will get hit if standing too close on that “cliff”.

I could have stopped, but I loved the animation process, so I decided to do something unusial next. I noticed that the Knight’s helmet tilted back looks like either a bird’s or a fish’s head with an open mouth. “Hey! — I thought — How about giving him a backstabbing attack, during which he turns into a fish-headed monster?” Looks like nobody but me noticed this transformation, but that’s how the Knight’s rear attack found its way into the game.

Knight rear attack

After some more testing I thought that the Knight is still too easy. “Oh! The shield!” — thought I, and added another attack zone — when the aerobic girl got in contact with the Knight’s shield, he would sweep her off her feet and finish with his sword. And that’s how he turned into a walking obstacle course. It easy to see, though, that there’s gap between attack zones under the Knight’s very nose. And… he really doesn’t see the girl there (if you want explanations, he’s short-sighted and has a badly constructed visor). The trick is getting out of this gap in one piece.

The Knight's attack zones

By the way, to make the Knight’s attack non-violent, I initially wanted him to “knight” the girl with his sword — that is, to turn her into a giant chess knight. But I wanted to make a cool animation, and understood I can’t make it. Also, the question was looming: he knights her, and then what? So I decided for a, ahem, non-violent kill — the Knight hits her, there’s a nasty sound, and she’s back at her tape recorder.

Along with the Ball rolling under his feet, the puddle, and the Skull Grabber, which you have to wait for while the Knight slowly but steadily approaches you, the scene was nice and tense. But I suddenly switched from cunning developer mode into whiny user mode and thought: “So if the girl drowns in the puddle, then why not the Knight?” That was a bright idea: as the game was time-limited, and the player was constantly returned to the beginning, we could give her some “credit for perseverance” and elegantly make the first floor easier if she holds on for 3 minutes and gets past the Knight at least once (as he should follow her to get into the puddle). But as soon as I got this thought, the switch turned the other way: “That’s nice, but you should pay off your credits!” Also, it was kinda sad to have such a good-looking, nicely-animated and vicious character removed from the playing field for good. So I decided that after drowning in the first floor puddle, he will rise from the puddle on the second level when the girl approaches it, and there it will be harder to overcome him (actually, he eventually drowns in the second puddle, too, but after that you have mere seconds to climb to the third level and defeat the final boss).

So, it turned out that the Pestering Knight became the hardest enemy in the game. How did your encounter with this armor-clad lad go?

P.S.: After I made the Knight drown in the puddle, I also had to draw a special swimming frame for the Black Ball to visualize its buoyancy.

The Ball swims

Post a comment
Sign in or join with:

Only registered members can share their thoughts. So come on! Join the community today (totally free - or sign in with your social account on the right) and join in the conversation.