送別会

「今月で退職される方に贈るプレゼントのカンパを募ります」のメッセージを返信期日を過ぎて読んだ薄情な皆さんこんにちは。ごめんなさい、色々あってメッセージを見落としてました。ああ、来週の送別会に出席するのが辛い。

出資金付きコンテスト

最近XのTLで「出資金(賞金)付きコンテスト」が減ったか増えたかの議論になってましたが、確かに他業種からゲーム参入という形での出資金付きコンテストは減った気がしますね。きっと出資してゲームを作っても利益にならなかったり、そもそもリリースまで至らないケースもあったりで継続して続けよう、という形にならなかったのでしょう。非常に残念ですが、そういった指摘を上げると「嫉妬してる」の一言で片づけられてしまうのが大変口惜しい。まぁ実力の世界ですからね。

色々と優しいゲーム

2年ぐらい前の展示会で試遊させてもらい、それ以降気になっていたゲームが最近リリースされたので早速購入して遊んでみました。

タイトルからゲーム内容が大体イメージできると思いますが、体からロープが伸びる「ロープくん」を操作して、敵を捕縛したり電気を送電したり光線を反射させステージを攻略していくアクションパズルゲームです。
幾種類かのロープを使い分け設置と解除を駆使して進路を切り開いていくシンプルなゲーム構造で、ロープが燃えるのを避けたり、敵の移動ルートを読みながら支点を設置したりと、考えさせられる要素が多いものの、全てのステージにはいつでも確認可能なヒントが用意されており、ゲーム初心者でも詰まりにくい優しい設計になっています。

通常のモードだと3回のミスでゲームオーバーとなってしまいますが、難易度で「やさしい」を選ぶとロープくんは無敵状態になるのでパズルは好きでもアクションが不得手な方、もしくは小さなお子様のファーストゲームにも最適だと思います。
現にゲーム中に表示されるストーリーパートの文章は全て平仮名＆カタカナで、子供向け絵本風の内容なのでメインターゲットを小学校低学年ぐらいに設定しているかと思われます。

8つのステージで1ワールドの構成となっており、最終ステージではボス戦が用意されていますが、いずれも3回ダメージを与えればクリアとなる難易度で厳しいアクションは求められません。全体的な難易度はかなり易しめで、コアゲーマーな方には物足りないかもしれませんが、全10ワールドにエクストラステージとして3ワールド用意されているので全ステージクリアを目指すと結構なボリュームがあります。
最近はインディーゲームでも多機能＆高難易度化が顕著ですが、こういったミニマムな機能で低難易度ながらも十分楽しめる作品というのはゲーム制作者として瞠目に値するものだと思います。

地味に面倒臭い

日頃からUnityのアセットストアを漁ってゲーム制作に必要な素材を購入していますが、アイコンで使用する画像のアセットって総じて内包するアセット数(画像数)が500個とか1000個とかで非常に多く、購入しても使い切れないことが多いです。
先日は6000個以上収納されたアイコンのアセットを購入しました。

色々とジャンル別にIcon用の画像が揃っていて大変有難いアセットなんですが、なんせ数が多い上に一部のファイル名が

上の画像の通り数字の連番となっているので、アイコン画像を探す際に検索バーにキーワードを入力して絞ることができず、画像を見つける苦労します。

できればファイル名の頭に検索用のキーワードを付加したい所ですが、Unityエディタ上でファイル一つ一つをRenameするとか気が遠くなる作業になるので実質的に無理。
Windows上でBatchを使えば一括置換できますが、その場合は一度metaファイルを削除した後にUnityエディタ上へリネーム後のファイルをDorp＆Drag→画像ファイルをSpriteに変換する作業も必要でこれも地味に面倒臭い。
Unityエディタ上でアセットの名前を一括変換できるツールがないか探したところBTOOHにて「Unity All Renamer」というツールに辿り着きました。

booth.pm

Unity All Renamer

その名前の通りUnityエディタ上でHierarchyやProject内の複数アセット・オブジェクト名を一括で変更できるツールです。選択順維持や子オブジェクトの一括リネーム、プレビュー確認が可能です。
BTOOHからダウンロードしてpackageファイルをimportするとメニュー内に「TakedaTools」の項目が追加されるので、そこから「TakedaTools > All Renamer」を選択、

ツールウィンドウを開きます。

ツールウィンドウ内でリネームモードを選択し、各種設定を行います。
今回はリネームモードに「文字列の追加」、追加する位置「前へ」を設定し、先ほどのアイコンアセットからOtherフォルダ内のファイルに対して一括で先頭に文字列を追加します。

Otherフォルダ内には1000以上のファイルがありますが、それらを一括で名前の変換ができました。

変換後(前に「Icon_Flat_」を追加)のファイル名

リネームモードには「文字列の追加」以外にも

文字列の置換

大文字・小文字変換

番号の整形

などがあります。どの変換方法でもプレビューに変更後の名前が表示されるのを確認し、「変更」ボタンを押してください。

展示会

出展を狙っていた展示会がスポンサーという名目の高額な出展料でしか出展できないことを知ってガッカリしている清貧な皆さんこんにちは。3日間のBitSummitでさえエントリー料を加えても4万円いかないのに1日1ブースの金額がそれ以上とか流石に手が出せないです。いや、多少無理をすればお金は出せますが、そもそもこういった出展条件になっているいう事は主催側がインディゲームの展示会とは銘打ってはいるものの、個人や少人数サークルが製作する有象無象の作品は排してTGSみたいな企業体が主体の展示会を開催したいように感じられ、わざわざ無理して出展する気になれません。これならBitSummitにエントリーしとけば良かった。

濃さが増したゲーム

以前から発売を待ち望んでいたソウルライクの代表的タイトルの最新作を購入しました。

Team NINJAらしいスタイリッシュアクションとソウルライクにハスクラの要素を加えた仕様が特徴なこのシリーズ。ステージ制だった前作から今作は複数マップを行き交うオープンフィールド制に変わり作品全体のボリュームが増しています。
操作キャラが武者スタイル・忍者スタイルといった2パターンの戦闘スタイルを持ち、それぞれで上中下段の構えや忍術を切替えたり、陰陽符と呼ぶ魔法系の攻撃や使役符と呼ぶ召喚魔法、果ては助人といったNPCを使って強敵を倒し、よりレアで強力な装備品を手に入れて高難易度のミッションに挑んでいく、というゲーム仕様。
前作以上にプレイヤーの操作する要素が多いので元々高かった敷居が更に高くなった感がありますが、その敷居を超えると爽快感のあるスタイリッシュアクションを存分に楽しめるようになっていて、アクション面では「文句なしに過去最高の出来！」と評する方が多いのも納得するクオリティです。

ただ、戦国ダークファンタジーという世界観を意識してか複数あるマップのどの場所に行っても鬱蒼として荒廃した風景ばかりであまりメリハリが感じられません。
また、オープンフィールドとは行っても仁王2のマップがシームレスに繋がっているような構成なので、ひたすら広く長く続いているステージの中で延々と戦闘と探索を繰り返しているように感じられ、その分ゲーム体験としては非常に濃いものとなりますが、濃い目の中華料理をずっと食べ続けるのと同じで、人によってクリア前に飽きてしまうかもしれません。
あと個人的には戦闘時のカメラの挙動がRise of Roninを継承していなかった事が非常に残念。

とは言え、オープンフィールド化したことで探索の面白さは前作より増していますし、戦闘の歯ごたえは相変わらずで強敵を倒した時の達成感は高く、何より戦闘を含むアクション面には全く不満はないので攻略の楽しさは値段に見合うものだと思います。

LitMotionによる回転

LitMotionはUnity向けに公開されているTween系のアセットでDOTweenやLeanTweenと比べてハイパフォーマンスである事が特徴のアセットです。

github.com

LitMotion は基本的にメソッドチェーンという記法で記述しますがDOTweenとは異なり移動用の関数(DOMove）や回転用の関数(DORotate)などは用意されておらず、基本的に特定の値に変化させるTweenを作ってそれをGameObjectのtransform.positionやtransform.rotationに紐づける(Bindする)ことでGameObjectを動作させます。

LMotion.Create(Vector3.zero, new Vector3(0,5,0), 1f) // (0,0,0)から(0,5,0)まで1f(秒)かけて移動するTweenを作る
    .WithEase(Ease.Line)                             // イージングの指定
    .BindToPosition(this.transform);                 // それをtransform.positioに紐づけ

オブジェクトを回転させる場合も同様ですが、Vector3を扱う場合だとEulerAngleに紐づけることになります。

Vector3 StartAngle = new Vector3(0f,0f,0f);
Vector3 EndAngle = new Vector3(0f,0f,90f);

LMotion.Create(StartAngle, EndAngle, 1f)
    .WithEase(Ease.Linear)
    .BindToEulerAngles(this.transform);

transform.rotationに紐づけたい場合はQuaternionを使います。ただQuaternionに直接角度の値を設定するのは難しいので事前にVector3(＝オイラー角)からQuaternionに変換する必要があります。

Quaternion StartRot = Quaternion.Euler(StartAngle);
Quaternion EndRot = Quaternion.Euler(EndAngle);

LMotion.Create(StartRot, EndRot, 1f)
            .WithEase(Ease.Linear)
            .BindToRotation(this.transform);

半回転以上できない

一見すると何も問題ないように見えますが実は上記の方法では180度以上の回転はできません。
何故なら開始角度を0度、終了角度を270度とすると0→90→180→270度の回転より、0→270(=-90)度の回転の方が内積が小さくなるため、そちらの回転方向に補間されて動作するからです。

開始角度0度～終了角度180度を指定した回転

開始角度0度～終了角度270度を指定した回転

これを回避する為にVector3.Slerp使って0～270度までの補間値を計算して、その値をthis.transform.eulerAnglesに代入する方法がありますが

LMotion.Create(0f, 1f, 1f)
    .WithEase(Ease.Linear)
    .Bind(value =>
    {
        // Vector3.Slerpを使って開始角度から終了角度まで変化させる
        this.transform.eulerAngles = Vector3.Slerp(StartAngle, EndAngle, value);
    });

この手法を使うと開始角度：-45度～終了角度:45度などの指定パターンでは意図しない動きになります。

あらぬ方向軸の回転が発生する

これはTween中にVector3(＝オイラー角).Slerpで強引に補間した値をQuaternionに変換する為の不具合でありQuaternion.Slerpを使えば正しい動作を得られますが、そうすると前述のように半回転以上の回転を行うことが出来ません。

本来の正しい動作

Quaternionを使い半回転以上したい

問題はQuaternion.Slerpだと必ず内積が小さい方向の回転になるという事で、逆に内積が大きい方向の補間ができれば解決することが出来ます。
幸いに、こじゃら氏のブログ　ねこじゃらシティにて遠回り経路の補間処理(LongSlerp)が紹介されているので、こちらが利用できそうです。

nekojara.city

上記の記事内のMathUtil_QuaternionLongSlerp.csを流用してBind内で補間値を求めてtransform.rotationに設定します。

StartRot = Quaternion.Euler(StartAngle);
EndRot = Quaternion.Euler(EndAngle);

LMotion.Create(0f, 1f, 1f)
    .WithEase(Ease.Linear)
    .Bind(value =>
    {
        // LongSlerpを使ってQuaternionを開始角度から終了角度まで変化させる
        this.transform.rotation = MathUtil.LongSlerp(StartRot, EndRot, value);
    });

実際の動作を確認すると270度の回転が出来る事が確認できます。

最後に

LitMotionで回転を行う場合は少し面倒かもしれませんが、180度以内の回転なら従来通りの手法、それ以上なら前述のLongSlerpを使うといった感じで実装する事になりそうです。
ただしこれらの手法でもQuaternionの制約により360度以上の回転は出来ないので一つのTweenは0～360度内(実際は359.9度ぐらい）の回転に制限されます。
1回転以上の回転が必要な場合は、一つのTweenが0～360度内に収まるようにSequenceを使って実装する必要があります。

SNS

選挙期間は全てのSNSを停止すれば良いのにと思っている無党派層の皆さんこんにちは。基本的にXなどはゲーム関連のアカウントしかフォーロしていないつもりなんですが選挙期間になると何故か政治関連のポストがTLにあふれてウンザリします。まぁ候補者のつぶやきをリポストするのは分からんでもないが、見ず知らずのオジサン・オバサンの政策論議とか見たくないので勘弁してください、ニュースで十分なんで。noteとかもそうだけど一般人の評論とかどこの層に需要があるんだろう？

2月8日

というわけで2月8日(日)は東京・浜松町 産業貿易センター浜松町館2・3Fで東京ゲームダンジョン11が開催される日です。
私は既に期日前投票を済ませたので大手を振って福岡の片田舎から東京の中心へ制作中のゲームを抱えて上京する予定です。

tokyogamedungeon.com

私の出展ブースは会場2Fの「2G-13」、フロアー中央にある休憩スペースのすぐ横の場所となっています。
東京ゲームダンジョンへの出展はこれで4回目となり、リズムゲーム「Under A Groove」を出展するのは3度目となりますが、過去三回と同様に今回もゲムダン11に向けて作成した新しいステージを展示していますので前回遊ばれた方でもきっと楽しんで頂けると思います。

展示内容

出展する「Under A Groove」は基本的にリズムゲームなんですが、一般的な音ゲーとは少し趣向を変えて『遊べるアニメーションMV』をコンセプトに、楽曲に沿ったアニメーションとプレイヤーの操作がリンクする新感覚なリズムゲームとなっています。
昨年は色々な展示会に出展しフィードバックを頂く事でゲームの「形」を纏める一年でしたが、今年はゲームの「遊び」の部分を強化していこうと思っており、今回の展示バージョンはリズムゲームとしての「遊び」の比重を大きくした内容となっています。

このため、前回までのバージョンと比べて映像(アニメーション)とプレイヤー操作がリンクする場面が減る形となりましたが、その分楽曲のリズムに合わせて操作する「遊び」の場面が増え、ゲームとしてより楽しんでいただけるのではないかと思っています。
まぁ、ここら辺の塩梅は去年と同様に色々な展示会でのフィードバックを参考に調整していく必要があると思っています。

ちなみに今回の試遊版の楽曲にはBGMerさんの「電気街の悪魔」を使用させて頂いてます。

www.youtube.com

ムーディなオシャレEDMで、楽曲の雰囲気に沿った「大人の夜」をテーマに絵作りを頑張りました。
当日会場にこらえた方は他のブースの試遊待ちで手が空いた時間にでも立ち寄ってください。どうぞよろしくお願いいたします。

ゲーム制作者

ゲームを作っていると言うと何故かアニメと漫画にも詳しいとレッテルを貼られる被害者の会の皆さんこんにちは。そりゃ鬼滅ぐらいは知ってますが呪術廻戦もチェンソーマンも観てないのでキャラクターの名前とか出されても答えようがないです。何だレゼって？「今期おすすめのアニメは何ですか？」とか聞かれても何が放送されているのかすら知らないので聞かないでください。でもフェルン可愛い。

東京ゲームダンジョン11

2/8(日)に東京・浜松町の東京都立産業貿易センターで開催される東京ゲームダンジョン11に制作中のリズムゲーム「Under A Groove」を出展します。
今回は2,3Fの2フロワーで開催されていますが、私のブースは2Fの【2G-13】となっています。

東京ゲームダンジョンへの出展は去年夏の東京ゲームダンジョン9以来、通算4度目となるので出展自体はかなり慣れてきましたが、今回は私のブースの周りに有名なタイトルが多くていつも以上に埋没してしまわないか心配です。
隣や眼前のブースにパブリッシャーやらマスコミやらサークルのファンやらが集まって和気あいあいと談笑しているのを横目にポツンと座っている姿が想像できますが、今回の出展を終えると次の出展まで大きく間が空きそうなので、とりあえず配布用に用意したクリアファイル、缶バッチをすべて配り終える程度に頑張りたいと思います。

PostProcessingStack

今回はRender PiplineにBuilt-inを指定している時のお話となります。
Unityではカメラ映像に対してPostProcessingStackを利用してグレイスケール化やBloomなどのエフェクトをかけることが出来ます。

手順としてはエフェクトをかけたいカメラ側にPost-Process Layerのコンポーネントをアタッチし、任意のオブジェクト(空オブジェクトでも可)にPost-Process Volumeのコンポーネントをアタッチ、Post-Process Volumeのコンポーネント側に「Grayscale」や「Bloom」などの効果を追加して行きカメラにエフェクトを掛けていきます。
ここら辺の手順はこのブログでも紹介しているので参考にしてください。

www.karvan1230.com

UnityのPostProcessingStackはとても便利で使いやすいですが、あくまで「カメラが描画した映像に対してエフェクトを適用される」ものなので、基本的には映像の一部だけとか特定のオブジェクトだけを絞ってエフェクトを適用することはできません。
もしポストプロセスの効果を限定的にしたい場合は映像を撮影するカメラを別にしてカメラ単位にポストプロセスを分ける必要があります。

例えば下のようなゲーム画面にて

遠くのオブジェクト(山や空)に対しては距離感を出すためにFogエフェクトを掛けたいが、手前のオブジェクトに対してはコミックチックな表現のためにエッジ検出したいと考えた場合、一つのカメラで捉えた映像でそれを賄うことはできないので、遠景用と近景用でカメラとオブジェクトを分け、それぞれでポストプロセスのエフェクトを掛けることになります。

近景用カメラで捉えた映像

遠景用カメラで捉えた映像

レイヤー分けとプロファイル分け

しかしカメラを分けてそれぞれにPost-Process Layerのコンポーネントをアタッチ、Post-Process Volumeのコンポーネントをアタッチしたオブジェクトを作成しただけではエフェクト効果を別々に掛けることはできません。
カメラ単位にエフェクトの効果を分けるにはその設定ファイル(プロファイル)とレイヤーを分ける必要があります。

■設定ファイル(プロファイル)

ポストプロセスのエフェクトは場面毎にその効果を使い分け出来るように、設定ファイル(プロファイル)に保持する必要があります。今回の場合は近景と遠景のカメラそれぞれで使いたいエフェクトが異なるため、近景用と遠景用それぞれで設定ファイル(プロファイル)を用意します。

Post-Process VolumeのInspector内にProfile項目がありその右側にNewボタンがあるのでクリックして設定ファイル(プロファイル)を作成します。

■レイヤー

カメラにアタッチされたPost-Process Layerコンポーネントには、シーン内に存在するどのPost-Process Volumeコンポーネントのエフェクト定義を採用するのか、を定義します。

そのためには

1. Post-Process Volume側のオブジェクトのレイヤーを近景用のレイヤー（Post-Process）と遠景用のレイヤー（Far-Post-Process）それぞれに設定
2. Post-Process Layerコンポーネントの「Layer」の項目に「近景用のレイヤー（Post-Process）」「遠景用のレイヤー（Far-Post-Process）」を指定

します。

Post-Process Volumeのレイヤー

Post-Process Layerの設定

上記の設定を行った後に近景用のPost-Process Volumeにはエッジ検出のポストプロセスを追加し、遠景用のPost-Process VolumeにはFogのポストプロセスを追加。それぞれで別のエフェクトを掛けることが出来ます。

それを重ね合わせるとこんな感じになります。

注意すべき点

近景用と遠景のカメラはDepth値によって近景＞遠景となるように設定し、遠景の映像の上に近景の映像が重なって描画されます。
その為、近景側のエフェクト効果は遠景の映像にも掛けられてしまう事になるので、Color Grading(色調補正)などの画面全体に関わるエフェクトはDepth値の高いカメラ側に設定した方が良いです。