![表紙30](https://assets.st-note.com/production/uploads/images/20895197/rectangle_large_type_2_f8a1efb3affa6b0b099734e5a6e3fa7f.png?width=800)
【ドット絵】ダメージ演出をあれこれ作ってみる
前回の記事で、パンチ、キックのコンビネーション攻撃を作りましたが、今回は攻撃を受ける側の『ダメージモーション』を作ってみようと思います。
さらにそのダメージモーションに様々な『演出』を加え、その結果、攻撃モーションの印象がどう変わるかを見てみましょう。
1.ドットキャラクターを用意する
攻撃モーション側は、前回作った『パンチ、キックのコンビネーション攻撃』を使います。
![画像1](https://assets.st-note.com/production/uploads/images/20836604/picture_pc_7d0c90431bdf51b10f60d3c4c06af8da.gif)
前回作った攻撃モーションが、これですね。
『右パンチ→左パンチ→左キック』というコンビネーション攻撃です。
この攻撃を受ける側のドットキャラクターを何か置いてみましょう。
![画像2](https://assets.st-note.com/production/uploads/images/20836703/picture_pc_e54b096ebfe2ec3a29584aa2299a6f06.gif)
適当なドットキャラクターを置いてみました。
このゴリラのようなドットキャラクターを使って、ダメージ演出を作っていきたいと思います。
2.ノックバックさせてみる
まずは、このゴリラのようなドットキャラクターに『ノックバック』させてみましょう。
ノックバックとは、攻撃を受けたキャラクターが後ろにのけぞって少し後退する動きのことを指します。
もしかすると、ダメージモーションを作らなくても、ノックバックだけで、ダメージを受けているように見えるかも…と淡い期待を抱きつつ。
![画像3](https://assets.st-note.com/production/uploads/images/20837357/picture_pc_521c6e2fcdc233b31eeea8b5042743d3.gif)
ゴリラのようなドットキャラクターに、ノックバックさせてみました。
パンチやキックが当たっているように見えますでしょうか?
攻撃を受けても、ポーズが一切変わらないので、やはりノックバックだけでは、ダメージを受けているようには見えないですね…。
3.ダメージポーズを付けてみる
ダメージを受けているように見せる為に、ダメージポーズを追加してみましょう。
![ダメージ_ノックバック色無し](https://assets.st-note.com/production/uploads/images/20934543/picture_pc_f53add021f7723dac9b0213b06e32475.gif)
パンチ、パンチ、キックの各タイミングに合わせて、ダメージポーズを追加してみました。
![ダメージ_ノックバック赤味](https://assets.st-note.com/production/uploads/images/20934411/picture_pc_1a2f9008658c4725437ba99c8d097d19.gif)
さらにゲームっぽく、少し赤味を乗せると、ダメージ感が、もっとわかりやすくなります。制限の多かった昔のゲームに、多かった表現ですね。
4.ダメージモーションを作ってみる
もっと表現力を上げる為に、次は、パンチ、パンチ、キックの各タイミングに合わせて、ダメージを受ける動き(ダメージモーション)を追加してみます。
![画像4](https://assets.st-note.com/production/uploads/images/20836553/picture_pc_91b8692b206195695a3f83b0766139ea.gif)
ゴリラのようなドットキャラクターは、何も悪いことをしていないのに、いきなり殴られて蹴られて、散々な目に遭って可哀そうですね…。
ダメージモーションを追加したことで、攻撃する動きとダメージを受ける動きがしっかり噛み合うようになり、動きに説得力が出てきました。
このダメージモーションをもとに、次は色んな効果を加えてみたいと思います。
5.エフェクトを付けてみる
『ヒットエフェクト』を、パンチ、パンチ、キックの各タイミングに合わせて、表示させてみます。
![画像5](https://assets.st-note.com/production/uploads/images/20836859/picture_pc_a4446b6024305321ff95a3a8dbcfd579.gif)
さっきより、痛そうに見えますでしょうか?
攻撃モーションとダメージモーションの関係が、よりわかりやすくなりました。
6.ヒットストップを付けてみる
パンチ、パンチ、キックの各タイミングに合わせて、ダメージを受けたポーズの表示時間(ヒットストップ)を長くしてみましょう。
![画像6](https://assets.st-note.com/production/uploads/images/20836891/picture_pc_2f1f6142d35bc2cfcd197cffb7b1e88a.gif)
一つ一つの攻撃が、目に残りやすくなったことで、重くて痛そうな攻撃に見えるようになります。
7.ブラー効果を付けてみる
キックのタイミングに合わせて、ゴリラのようなドットキャラクターの頭部にブラー効果をかけてみましょう。
![画像7](https://assets.st-note.com/production/uploads/images/20837589/picture_pc_7019e5cae0c6921b2fab31bab5091282.gif)
キックを受けて、のけ反った頭部にブラーをかけてみました。
のけ反る動きに少し勢いが増した気がしますね。
8.文字を置いてみる
パンチ、パンチ、キックの各タイミングに合わせて、描き文字を置いてみましょう。
![画像8](https://assets.st-note.com/production/uploads/images/20889439/picture_pc_374309346c1e59562d02921fb1142e41.gif)
視覚的に『音』の情報が加わって、よりわかりやすくなり、見栄えするようになりました。
音の内容と音量が、視覚から伝わるようにしています。
9.ネガポジ反転させてみる
コンビネーション攻撃の三撃目を受けた時に、ネガポジ反転を入れてみましょう。
![画像9](https://assets.st-note.com/production/uploads/images/20890542/picture_pc_c8ae327c30115da77ff608610eddeef5.gif)
三撃目が、致命傷っぽくなりました…!
![画像10](https://assets.st-note.com/production/uploads/images/20890664/picture_pc_86a49df284ac82b94fe80730b311c60c.gif)
エフェクトが、より映えるように背景を暗くしてみると、こんな感じになります。
10.ホワイトアウトさせてみる
三撃目のキックが、致命傷に見えるようになってきたので、さらに、それっぽい演出を加えてみましょう。
![画像11](https://assets.st-note.com/production/uploads/images/20891468/picture_pc_bf4b17ac17f96d76e845fc9a9df9e4de.gif)
最後、ホワイトアウトで真っ白に燃え尽きさせてみました。
間違いなく意識が飛んでいますね。
11.ゲーム画面っぽくしてみる
最後に仕上げとして、ゲームっぽい要素を加えて、まとめてみましょう。
![画像12](https://assets.st-note.com/production/uploads/images/20894986/picture_pc_ab80fc5749ced2ebba2b571c3d9d5d75.gif)
体力ゲージや、パンチボタン、キックボタンを追加してみました。
体力ゲージがゼロになることで、よりわかりやすく再起不能感が出ましたね。
最後に
今回はダメージ演出で遊んでみましたが、こうして少しずつ色んな要素を足していくことで、個々の要素に様々な効果・役割りが有り、それらが何重にも積み重ねられることで相乗効果的に完成度が上がることがわかります。
そして、今回の記事も、特にオチが思い浮かびませんでした…。
![画像13](https://assets.st-note.com/production/uploads/images/20894801/picture_pc_af0e4579b971a251e1d52ca378ad58e6.png)
★イクシールのホームページ★
http://www.ixill.net/
★BOOTHのイクシール通販サイト★
https://ixill.booth.pm/
この記事が気に入ったらサポートをしてみませんか?