背景とキャラクターの描画について

フォーラム(掲示板)ルール
フォーラム(掲示板)ルールはこちら  ※コードを貼り付ける場合は [code][/code] で囲って下さい。詳しくはこちら
kon

背景とキャラクターの描画について

#1

投稿記事 by kon » 6年前

現在DXライブラリでゲームを作っているのですが
フィールド画面時の描画方法で分からないことがあります。
よく、市販のゲームなどでは操作するキャラクターが建物の影や草むらに入ったときは
キャラクターの一部が建物の影に隠れて建物が上に描画されたり、草むらでは草むらと草むらに挟まれる形で描画されていますが
あれは一体どのように画像を描画していっているのでしょうか?

今の自分の描画方法は背景はマップチップから読み込み画面の左上から順番に右下まで描画して
その後にキャラクターを上に少しずらして描画しています。
この方法だと、草むらの上に描画されたりしてあまり草むらに入っているように見えません。

こういった処理は普通どのように行うものなのでしょうか?
よろしくお願いします。

ISLe
記事: 2648
登録日時: 9年前
連絡を取る:

Re: 背景とキャラクターの描画について

#2

投稿記事 by ISLe » 6年前

一般的にはZソートと呼ばれる処理を行い、奥から手前に向かって描画します。
Zとは奥行きのことで、キャラクタに何らかの基準点を設け、奥行きを求め比較して並び替え(ソート)します。
本件のような場合、基準はキャラクタの足元の座標を用います。
キャラクタが宙に浮いている場合は、そこから垂直に下ろして地面と接する点になります。

建物のようにある程度大きくて固定されたものの場合は、タイルマップのレイヤー(層)を分けて描画します。
処理としてはタイルマップ全体をひとつのキャラクタとみなしたものです。

レイヤーを持たないタイルマップにおいて特殊な方法もあります。
キャラクタの足元と重なる部分のタイルと同デザインで透過部分を持つ画像を用意し、キャラクタの上からタイルと同座標に描画する方法です。
ただし、複数のキャラクタがいて、草むらで草を挟むように立つ場合などは透過画像とキャラクタ間でZソートが必要になります。

kon

Re: 背景とキャラクターの描画について

#3

投稿記事 by kon » 6年前

地面と、草むらや建物を分けて描画するということでしょうか?

ISLe
記事: 2648
登録日時: 9年前
連絡を取る:

Re: 背景とキャラクターの描画について

#4

投稿記事 by ISLe » 6年前

kon さんが書きました:地面と、草むらや建物を分けて描画するということでしょうか?
分けて描画できるならそれが良いかと思います。

分ける場合と分けない場合とそれ以外、の3つの方法を提案したつもりですが。
それぞれ組み合わせて使うこともできます。

kon

Re: 背景とキャラクターの描画について

#5

投稿記事 by kon » 6年前

いままではキャラクタ以外をまとめて背景として描画していましたが
それ以外も分けて描画してみます。
ありがとうございました。

ISLe
記事: 2648
登録日時: 9年前
連絡を取る:

Re: 背景とキャラクターの描画について

#6

投稿記事 by ISLe » 6年前

分かりやすいかどうか分かりませんが、提案した3つの方法を図にしてみました。
sample.png
sample.png (7.23 KiB) 閲覧数: 872 回
左上のが完成図です。
各行、右にいくほど優先順位が高くなります。

1行目は、背景の上にZソートしたキャラクタを順番に描画する方法です。
もっとも応用が効きますが手間もかかります。

2行目は、高さで分けたタイルマップを重ねる方法です。
通路が立体的に交差するマップでよく使われます。
例えば、この上に人物を描画して、柱の上に立っているように見せることもできます。

3行目は、キャラクタに重なる部分だけを隠すことでその都度前後関係を作り出す方法です。
容量等ハードウェアの制約が厳しい、プログラムを大きく変えたくない、などの場合の姑息な手段です。
うまく使えば便利です。

閉鎖

“C言語何でも質問掲示板” へ戻る