ザコキャラの制作風景 ～カニ型ロボ～

今回は「カニ型」のロボットをイメージした
ザコキャラの 制作過程 をご紹介します。

本記事は、個人ゲーム開発に関するものです。
文章の方、割と長くなっております。

興味をお持ちいただいた章だけでも
ぜひ、読んでいってください！

イメージイラストを描く

鉱山ステージの流水地帯に
「サワガニ」のザコキャラを
登場させたいと思います。

子供の頃、田舎に行くと
こげ茶とオレンジの色をした小さなカニを
用水路などで、よくつかまえたもんです。

そいつが「サワガニ」ですね。

まずは自由に絵を描いてみます。

どの道ドット絵に落とし込むと
色々省くことになりますので
雑でもいいや、というノリで進めました。

（とくに脚の本数なんかは、はじめからあきらめちゃってますね）

ドット絵を試行錯誤する

絵が描けたからといって
まだまだ安心はできません。

実際にドットを打ってみると
それまで気づいていなかった問題が
たくさん出てくるもんです。

色々と試して、
自分の中の「正解」を探っていきます。

最初にできたものがこちら。

まずは 形にする ので精一杯、というところでした。

一呼吸おいて「もう少しがんばってみよう」と
自分に言い聞かせます。

けっこう、この一呼吸が大切だと思っています。

そして気になった点を
１つずつ修正していくことにします。

• 全体的に小さいので、ひとまわり大きくしたい

• 脚が毛のようにも見えるので、直したい

• 顔だけのキャラにみえるので、体のライン（形）を出したい

次にできたものがこちら。

ひとまわり大きくなり
脚も直し、体のラインも出しました。
あの時のカニに、一歩近づきました。

⋯⋯が、もう一声ほしい気がします。

（まだ子供の頃つかまえたアイツじゃないのかも…）

「目」の部分ですかねぇ……。
少し試してみたものが以下。

……これもちょっと違うかぁ～。

（ロックマンの敵っぽい「目」にしたいところ）

なんやかんや、
もう少し目のまわりをがんばってみると…

おっ！こ、これだー！！

（リアルさは犠牲になりましたが、総合的 にきっとこれだ）

ということで

仕上げに色味と形をととのえ
無事、私の中の「正解」が出ました！！

ファミコン風のゲーム画面を目指しているのもあって、色の数はなるべくしぼるようにしています。

ロックマンのキャラを見ていると、
ひとキャラに使える色の数は「４〜５色」
というのが、基本になるかなぁと思っています。

今回は、黒、白、オレンジ、こげ茶、そして黄土で、サワガニ感を出しました。

動きのパターンを考える

ドット絵が固まると
一気に安心感が出てきますねぇ！

ここでは、このキャラに
どんな動きをさせたいのかを考えます。

（皆さんならこのカニキャラを、どう料理しますかね？）

それでは、筆者の場合を見ていきましょう。

流水エリアはただでさえ足場が不安定な場所です。

そのため、このキャラが強すぎると
単に 難しいだけのゲーム に
なってしまうかもしれません。

お手軽なレトロ風ゲームを目指すうえで
そこは避けたいところ。

一旦、このキャラは
「HPは高めだけど、動きは単純」
という方向性にします。

動作は次の３パターンのみ。

• 最初は、寝ている

• 被弾 or ソウルマン接近で、起きる

• 起きると、 一直線に走る

アニメーションを作る

まずは寝ている時のアニメーションから進めます。

2コマで、うつらうつらした感じを
出したいと思います。

といっても、すごく単純で

• ハサミをおろす

• 目をつむらせる

• 体を少し上下させる

となるように、少し手直ししただけでした。

コマが描けたら、動作をチェック。

いっちょ前に、気持ちよさそ～に
うつらうつらしてますね！なまいきなッ！！

（目のつむり具合、いい感じにできた気がします）

起きたときの絵はこのとおり。

お次は、「カニ走り」に取り掛かります！！

脚がシャカシャカと
せわしなく器用に動く感じにしたいです。

実は最初、
一気に全体の動きを作ろうとして、失敗しました。

シャカシャカはしていますが
脚さばきがぎこちなく、どうしても
これでは 納得 できなかったです。

面倒ですが、遠回りして
脚の一本一本の動きを
「分けて」作っていくことにします。

── そう、一番の近道は遠回りだった んです ──

４コマ使って、まずは左側の小さい脚から。

次に左側の大きい脚。

この要領で、4本の脚の動きを作っていきました。

ちなみに、体や脚・ハサミのパーツは
レイヤーで分けて管理しています。
（作業効率の良さが段違いですからね）

いよいよ、
全部の脚の動きを組み合わせてみましょう！！

いいんじゃないでしょうかね！？
これで筆者は、ようやく「納得」できました！！

最後に両手のツメを
チョキチョキっとさせて、完成です！！

ただ走るだけなのに
やけに作りがいのあるキャラでした。

（ツメを武器にしなかったのは、少し勿体なかったですが…）

コードに落とし込む

さて、ここからは
筆者にとっては、割と消化試合になります。

仕様どおりの動きをプログラミングして
コードにおとしていきます。

まずは基本のパラメータを決めます。

• 重力の影響：あり

• 壁や床にぶつかる：あり

• 攻撃を反射する：なし

• HP：６

• 攻撃力：２

このように、敵キャラ共通の部分は
ある程度パラメータ化しています。

続いては、キャラのアクションを実装します。

class SawaganiAction(BaseAction):
    """サワガニ"""
    def __init__(self, images):
        super().__init__(images)

        self.is_hit = False          # 被弾判定の結果
        self.in_range = False        # 接近判定の結果
        self.range_x = WIDTH * 0.30  # 接近判定の閾値
        self.speed_x = 1.1 * SCALE   # 移動スピード

        self.set_next_state("sleep", 240, 1, 0)  # 初期モード（寝る）

アクションの初期設定です。

被弾や接近判定用のフラグ、接近判定の閾値、移動スピード、初期モード（寝る）を用意します。

次にモード（内部状態）の管理を実装します。

    def update_mode(self, info):
        # 寝ている時
        if self.is_state("sleep"):
            # 被弾 or プレイヤー接近で起きる
            if self.is_hit or self.in_range:
                self.set_next_state("wakeup", 120, 2, 0)  # 起きる

        # 起きた時走る
        elif self.is_state("wakeup"):
            self.set_next_state("run", 60, 4, 0)  # 走る

「寝ている」モードのときに、被弾するかプレイヤー接近で、「起きる」モードに遷移します。

また、起きたら次に「走る」モードに遷移します。

モード変更では、フレームの更新速度や、モード切り替えの周期を設定しています。

（モードに応じてアニメーションのコマの制御を切り替えます）

最後に、動きの管理を実装します。

    def update_move(self, info):
        # 寝ているとき判定
        if self.is_state("sleep"):
            # 被弾判定
            if info["damaged"]:
                self.is_hit = True

            # 接近判定
            diff_x = abs(self.x - info["player"].x)
            if abs(diff_x) <= self.range_x:
                self.in_range = True

        # 起きた時プレイヤーの方向を向く
        elif self.is_state("wakeup"):
            self.turn_to_player()

        # 走っている時X方向に移動
        elif self.is_state("run"):
            # 壁で方向転換
            if info["on_wall"] == self.direction:
                self.turn()

            self.x += self.speed_x if self.direction == "right" else -self.speed_x

• 寝ているときは、被弾と接近を判定

• 起きたら、一旦プレイヤーの方を向く

• 走っているときは、X方向に移動、壁で方向転換

モードの管理と動きの管理は分けるようにしています。

動きの方は毎フレーム処理していますが、モードの方はモード更新タイミングでの処理となっていて、よりゆっくりとしたタイミングになります。

今の、筆者の「ソウルマン開発エンジン」では
このような感じで、敵キャラを実装するスタイルになっています。

（今は手作りを楽しみつつ、将来的にはAIにキレイにしてもらいたい）

テストプレイ

いくら頭の中で、あるいは画面上で
理想のキャラが動いていても

実際に手元で 遊んでみるまでは分からない のが
ゲーム開発の醍醐味です！

早速、手触りをためしてみましょう！！

ステージに作ったキャラを配置します。

      "waterflow": [
        {
          "name": "sawagani",
          "x": 270,
          "y": 80,
          "direction": "left"
        },
        {
          "name": "sawagani",
          "x": 400,
          "y": 105,
          "direction": "left"
        },
        :
        :

JSON形式のファイルを使って、ステージのマップやキャラ、アイテムの配置を管理しています。

このように、座標と向きを書いたキャラのリストを追加していくことで、マップの特定の位置に、そのキャラを登場させられます。

それでは、いよいよプレイしてみます！

おぉ～！
サワガニがいい感じに襲ってきます！！

やはり足場が悪いので
これぐらいがちょうどよさそうです。

がんばって作ったカニの脚さばきですが
見事に流水で隠れてしまってますね。
大誤算でした～。

これも実際にプレイしてみるまでは
気づけなかったですね。

以上で、「ザコキャラの制作風景～カニ型ロボ～」はおしまいです。

最後までお読みいただき、ありがとうございました。ぜひ、次回もよろしくお願いします。

皆様も良きライフワークを！！