コヨーテタイムとは

アクションゲームを作る際に、難易度設定、手触り感が問題になることが多々あります。

不快感を減らす対策の一つとして、崖から落下した少しの間ジャンプ可能な状態にするという方法が、
コヨーテタイムと呼ばれ、広く好意的に受け入れられています。

詳細記事≫　開発者が語る『Celeste』の秘密。

この手法を、ブループリントで実装する方法を記事にしようと思います。

ブループリント実装例

方法論は、いくつもあると思いますが、実装のし易さ、理解のし易さの点から、
以下のようなブループリントの組み方が良いのではないかと思います。（キャラクターブループリント内）

• Event OnWalkingOffLedge　地面からキャラクターが落下した際に呼ばれるイベントノード。
• Jump Max Count　[2] 落下時に、Jump Count が 1つ消費されるので、一時的に、Jump Max Count を増やします。
• Retriggerble Delay　[0.2] ここで指定した秒数が、コヨーテタイムになります。
• Jump Max Count　[1] コヨーテタイム終了後、Jump Max Count をリセット。

完

補足

前述一連のノードで基本的には、機能の実装としては終了ですが、
コヨーテタイムを長めに設定した場合、２段ジャンプが可能な瞬間が発生する可能性がある為、
以下のノードも追加しておくと安全かなと思います。

• Event OnLanded　キャラクターが地面に着地した時に呼ばれるイベントノード。
• Jump Max Count　[1] Jump Max Count リセット。

以上のノードを組むことで、意図しない２段ジャンプが可能なタイミングを消すことができます。

最初から２段ジャンプなどが可能な仕様の場合、
Jump Max Count の値を全体的に「+1」すると良いと思います。

あとがき

今回は、検索をかけても意外と方法を見かけなかったので、

実装法（の一例）を記事にしてみました。

記事上効果がわかりやすい値にしているので、コヨーテタイムは好みの時間に設定して下さい。

以上です。

アドベントカレンダー3日目もお楽しみに。

ご意見などTwitterのリプライにいただけると助かります。

丁寧な動画を作るのは大変なんだなということを学んだ１年でした。

また来年良いお年を。

PaperZD 説明用 テンプレートプロジェクト
ダウンロード
Unreal2DAction_ZD_5_3_2.zip(224KB)

チュートリアル用、2Dテンプレートプロジェクト。
（2Dテンプレート作成チュートリアルの成果物。のプロジェクト名を変えたもの。）

---

PaperZD チュートリアル説明後の完成版確認用プロジェクト
ダウンロード
Unreal2DActon_ZD_5_3_2_complete.zip(267KB)

チュートリアル通りに進めた場合の完成データ。

プロジェクトを正常に開くためには、プラグイン: PaperZD がインストールされている必要があります。

---

TPSpriteZD – サードパーソンスプライト
ダウンロード
GitHub

サードパーソンカメラで3D空間を歩くプロジェクトをPaperZDで組みなおしたもの。

プロジェクトを正常に開くためには、プラグイン: PaperZD がインストールされている必要があります。

PaperZD リンク集

PaperZD

ホーム > 2Dゲーム > PaperZD

ue5study.com

PaperZD チュートリアル本編

データの不備などがあったら、↑動画か、↓Twitterにお知らせください。

良いお年を。

アンリアルエンジン　2Dゲーム制作関連のリンク集

Unreal Engine 2Dゲーム | Paper2D

UE4,UE5のドット絵等の2Dゲーム制作関連の情報を集める。公式+勉強会情報UE5 2DドキュメントPaper 2DPaper 2D フリップブックFlipbook コンポーネントPaper 2D の操作方法アニメーション ステート マシ...

ue5study.com

タイルマップ説明チュートリアル本編

データの不備などがあったら、↑動画か、↓Twitterにお知らせください。

HD-2D関連の情報リンク集

Unreal Engine HD-2D

UE4/UE5のHD-2D関連情報を集める。≪2Dゲーム

ue5study.com

チュートリアル本編

データの不備なのあったら、↑動画か、↓Twitterにお知らせください。

2DBG サンプル画像
ダウンロード
T_2DBG_Sample.zip (347 KB)

↓中身のjpg画像

チュートリアルとしては、写真として扱っていますが、

The Matrix Awakens – Unreal 5 Demo の背景素材

Just a moment...

www.unrealengine.com

のスクリーンショット画像になります。

2DBG用 テンプレートプロジェクト
ダウンロード
Unreal2DAction_2DBG_Template_5_1_1.zip (153 KB)

チュートリアル用、テンプレートプロジェクト。

このチュートリアルだけ行う人用のテンプレートプロジェクト。

2Dテンプレート作成チュートリアルの成果物。

マーケットプレイスサンプル

Just a moment...

www.unrealengine.com

Just a moment...

www.unrealengine.com

チュートリアル

チュートリアル16用

チュートリアル12用

チュートリアル 5 用

前提

解説バージョンは、UE5.1.0です。バージョンによって、パラメーターの名称や効果が異なる場合があるので、別バージョンで解説通りにならない場合は、UE5.1でも確認してみてください。

動画での解説もあります。

プロジェクト設定

最低限２点の確認をします。

• アンチエイリアス手法（Anti-Aliasing Method）が「None」 になっているのを確認してください。
• モーションブラー(Motion Blur)の「チェックを外す」

プロジェクト設定を開いて、「検索」をするのが見つけやすいと思います。

Flipbookとの相性が悪いので、切っておいた方がいい場合が多いです。

テクスチャ設定

テクスチャをダブルクリックで開いた状態で、４点確認。

• ミップ全般設定(Mip Gen Settings)　「ミップマップなし(NoMipmaps)」
• Texture Group　「2D Pixels (unfiltered)」
• 圧縮設定(Compression Settings)　「UserInterface2D (RGBA)」
• Filter　「Nearest」

この４点の変更をして、テクスチャーのビューポート上で色味がおかしい場合は、読み込んだテクスチャの色諧調が8bitではない可能性があります。

3DCGのレンダリング画像や、高性能なカメラで撮った画像をそのまま読み込むと、16bitや32bitなどの、扱いにくい色諧調になっている場合があります。良い結果にならない場合は、テクスチャの色諧調を確認してください。画像加工ソフトなどで8bit諧調に変更してから読み込みなおしてください。

PhotoShopの場合は、「イメージ」>「モード」から確認/変更ができます。

読み込めるテクスチャは、公式ドキュメント参照≫ Unreal Engine のテクスチャ

• .bmp
• .float
• .jpeg
• .jpg
• .pcx
• .png
• .psd
• .tga
• .dds (Cubemap or 2D)
• .exr (HDR)
• .tif (TIFF)
• .tiff (TIFF)

ドット絵の場合は、.png が扱いやすいと思います。

ポストプロセス設定

前提の確認ができていれば、あとは、「ポストプロセスの設定」を調整すれば、正しい色味表現になります。

レベル空間上に、ポストプロセスボリューム(PostProcessVolume)があるのを確認します。無ければ追加してください。

まず、最初にここは確認します。（だいぶ下にあります。）

• Infinite Extent (Unbound)　にチェックを入れてください。（ポストプロセスを確実に反映する設定。）

本題は以下になります。

確認箇所は以下。黄色線は重要。青線は好みにより数値を変えてもいい。

• Bloom しきい値(Threshold)　「1」　光らせたい場合は、マイナス側の数値に。
• 露出補正(Exposure Compensation)　「0.0」
• Min EV100　「0.0」
• Max EV100　「0.0」
• ビネット効果強度(Vignette Intensity)　「0.0」
• 色域拡張(Expand Gamut)　「0.0」
• トーンカーブ量(Tone Curve Amount)　「0.0」

以上の７か所の確認をします。

これで、大抵の場合は、問題がなくなると思います。

プロジェクト設定を追い込む。

色味自体には大きな影響はないですが、Lumenを切っておいた方が良いと思います。負荷的に。

• グローバルイルミネーション
• 反射

2Dの場合Virtual Shadow Maps (Beta) は、切っておいてもいいような気がする。負荷的に。

アンビエントオクルージョンも、必要ない場合が多い。

完全なレトロゲームを目指す場合は、ブルームも切っていいかも。

ぼんやり光らせたくない人は、Bloom 切る。

自動露出補正(Auto Exposure)は、ポストプロセス側でいじるので、プロジェクト設定側で変えなくてもいいですが、切っておいてもいいのと、自動露出バイアス(Auto Exposure Bias)も0にしとくのもいい。

これくらいでしょうか。

あとで、気づいたのあったら、追加します。

参考資料

• UE5で削除された r.TonemapperFilm 0 の代替手法（ToneCurveAmount）/ Osamu Saito
• UE4で2Dドット絵ゲームを作る際のTipsまとめ。/ UE4 2Dとか
• Unreal Engine 2Dゲーム | Paper2D / UE5攻略