ゲーム開発チーム「丸ダイス」の開発ブログです！　公式サイトはこちら

東京ゲームダンジョン5　展示振り返り

丸ダイスです！ 5/4に東京ゲームダンジョン5が開催され、去年の3に引き続き丸ダイスは「マッスルニンジャVR」を展示しました！

去年に続き大変盛況で、クリア出来なくても目新しいVR体験を楽しんでくれたお客さんが多かったです。

忘れないうちに振り返りを書いてたら、これ隠さなくてもいいなと思ったのでそのまま公開します！

なので割と開発目線の記事です！ご容赦！

チュートリアルを追加した

去年からの変更として、ガイダンスなしでもプレイできるようにゲーム内でチュートリアルを整備しました（もちろんSteamリリースを見据えて）。

結果、説明なしでほとんどの方が基本プレイを始められる様子を確認でき、手応えを感じられました。

一方、道の脇に置かれるとチュートリアル動画に気付かないという問題がありました。

これはシンプルに、絶対に視界に入る道の中央に置けば済む話です。

→要タスク化。

Meta Quest2が充電切れをした

12:00から一般入場がスタートしあまり途切れることなくプレイを続け、15:40頃にQuest 2の充電が空になりプレイ不能になってしまいました。

1時間で19％まで充電出来たので16:40頃、展示時間残り20分だけど再開しました。

去年はそういう記憶はないので、理由は不明です。

まぁ、どのみち空腹＋アテンドで喋り疲れてたのでちょうど良い休憩になりました。

1時間くらいですが、休憩も出来て気になった展示をプレイする時間が取れました。

展示をワンオペした

去年は知人1人に手伝ってもらったのですが、今年は完全ワンオペ。

ゲームパッドやキーボードのゲームはちゃんと作れば開発者が離席しても試遊展示が可能ですが、体感型VRゲームは不可能です。

  • ヘッドセットの付け方が分からない人が大勢いる
  • 全身で遊ぶのでプレイ中のお客さんと周囲の安全監視が必要
  • Meta Questは、ルームスペースがズレる、放置でスリープすることがあり、お客さんが対処できない
  • Meta Questは簡単に持ち出せる割にそこそこ高価で盗難が怖い
  • （終わった後の片付け方まで自動で案内するビルドにする必要があり、大変）

理由はこんなところですね。

意外となんとかなってしまいましたが、知り合いが挨拶に来てもゆっくり話せませんし、前述通りご飯も食べられません・・。

教訓：やはり展示スタッフは2人は欲しいです。

搬入搬出をワンオペした

  • 背負子（13kg）：デスクトップPCに布をかけて縛り付け
  • スーツケース（23kg）：PCモニター2台、Quest2一式、動画用iPad、ほか
  • ショルダーバッグ：貴重品 去年とほぼ同じこの荷物で単独搬入搬出しました。宅配は使っていません。

自宅から最寄り駅でタクシーやバスを使ったり各停に乗って座ったりしたら楽になりました。夏じゃなくて春でしたし・・。

普通のゲーム展示と比べるとかなりの荷物ですが、運べない重量ではないです。

ぼく自身がマッスルニンジャなので（震え声）。

一点、今回の重要な学びは「混んだ電車内はしゃがんで背負子を降ろすスペースがないので、背負子は駅のホームで降ろしておいて両手に持って入ること」。山手線とか。

HMDのヘッドストラップを買い忘れた・・

Meta Quest 2 Eliteストラップ | VRヘッドストラップ | Meta Quest

後ろをカチカチっと回すと着脱が簡単にできるこういうやつがあります。

標準のバンドはお客さんごとの着脱が結構大変で、存在は去年知ってたのですがボーっと生きてたら普通に買い忘れました…。

UnityのVR開発SDKについて

これは

  • OpenXR Plugin
  • Steam VR Plugin

大きくこの２つに分かれて、本作は比較検討した上で後者を使っています。

主に作りやすさと安定性で決めたのですが、結果的にMeta Questを使って起動するには

Meta Quest上で Quest Link（＝Meta QuestのPCVR接続機能）を起動　→　Quest Link上で Steam VRを起動　→　ゲームを起動

と、起動手順が多い上にQuestのスタンドアロンアプリには出来ないゲームになってしまいそうです。

一方、本作と近いジャンルの体感型VRゲームをすぐ近くで展示していた Shibuya Emergent Gamesさんの

この作品。

こちらはMeta Questのスタンドアロンアプリにもなっているし、PCVRとして遊ぶときもQuest Linkのみで起動出来て快適でした。

OpenXR Pluginで作られているそうで、こちらはそういう柔軟なビルドが可能とのことでした。Valveも関わった上でのVR開発の共通基盤という触れ込みですしね。

流石に今からは変えませんが、またVRを作るならこちらもありかもしれません。

ほか、

Hurricane VR - Physics Interaction Toolkit | 物理エンジン | Unity Asset Store Hurricane VRという面白そうなVR物理ツールキットも教えてもらえました。

大変参考になりました。

その他、良かったところ

  • アバターについて、昨年は仕込んでおいたものを使いましたが今年は自由なVRMモデルが使えるようにパワーアップしています！ずんだもんとか反応がよかったですね。
  • ゲーム中にポーズメニューが使えるので、プレイ中にサッとタイトルへ戻るのが楽になりました

その他、問題があったところ

  • 誤操作防止のためにタイトルのボタンは一歩前に出ないと届かない位置にしていたら、ステージ開始後も前に進んだ位置のまま遊ばれてしまった→ホームポジションに対するボタンの位置はたったまま押しやすい位置に統一すべきですね。

特にオチはないですが、ゲームダンジョンの展示は盛況でしたという報告でした！

【Unity Cinemachine】Z Dampingでプレビュー通りにTracked Dolly Bodyが動かなかった

Unity 技術メモ Cinemacchine

結論だけ

Virtual Camera Bodyの Z Dampingが0になっていないと、実行時のみカメラ位置が遅れます！

これを0にすればOK！

詳しく

カメラを含めたカットシーン演出ではTimeline＋Cinemachineが便利です。 Cinemachine、Timelineって何？→ゴメン、ググって！

こんな感じで、Tracked Dolly Body と Dolly CartをTimelineで一緒にアニメーションさせることで、カメラ位置と注視位置を両方動かすカメラが作れます。

ところが、

www.youtube.com

実行前にTimelineをプレビュー再生するとこうなのに

www.youtube.com

プレイを押してゲームを再生させると、このようにカメラが右に振れてしまいます。

シーンを見てみると、プレビューに比べてカメラ位置が遅れていることが分かり、最初に書いた通り Z Dampingを0にすると直りました！ 何もいじってないのでデフォルトでこうなっている模様。カメラが激しく動きすぎないようにするための機能っぽいですが、カットシーンでは不要なので要注意ですね！

【Unity】Unhandled exception. System.BadImageFormatException: Could not load file or assembly ILPostProcessorRunner.exe の直し方

Editorで開発中、突然「実行前にコンパイルエラーを直す必要があります」と言われ、Editor実行ができなくなった。 コンソールログを見ると以下のエラーが赤アイコンでたくさん並んでいた。

Unhandled exception. System.BadImageFormatException: Could not load file or assembly 'C:/Program Files/Unity/Hub/Editor/2021.3.14f1/Editor/Data/Tools/ILPostProcessorRunner/ILPostProcessorRunner.exe'. Format of the executable (.exe) or library (.dll) is invalid.
File name: 'C:/Program Files/Unity/Hub/Editor/2021.3.14f1/Editor/Data/Tools/ILPostProcessorRunner/ILPostProcessorRunner.exe'
   at System.Runtime.Loader.AssemblyLoadContext.LoadFromPath(IntPtr ptrNativeAssemblyLoadContext, String ilPath, String niPath, ObjectHandleOnStack retAssembly)
   at System.Runtime.Loader.AssemblyLoadContext.LoadFromAssemblyPath(String assemblyPath)
   at Program.Main(String[] args)

結論

UnityHubから該当のUnity2021.3.14f1を再インストールすることで直った。

修正までの経緯

・起きる直前の作業は、コードを変更してCtrl+Rでスクリプトをロード

・普通のMonobehaviourコードで、特別なコードは書いていなかった。

・手元の変更がない他のプロジェクトを開いたところ、やはり同じエラーでEditor実行が出来なかった

・PCを再起動したが、治らなかった

・エラー内にあるILPostProcessorRunner.exeのフォルダを見に行ったところ、ファイルサイズが0KBになっており、更新日時がこの時点の1時間ほど前になっていた。

・UnityHubからUnityEditorをアンインストールして、再度インストールした

・無事に正常にEditor実行できるようになった

・再度ILPostProcessorRunner.exeを見たところ、46KBだった。

推測

意図しない何らかのプロセスがILPostProcessorRunner.exeを破損させた（例えばアンチウィルスソフトなど）

直前の作業や手元の変更は関係がないと思われる。

【Unity】VRゲームでCameraを重ねた固定位置UIは基本作れない

Unity SteamVR Plugin

SteamVR Pluginに関する技術メモです！

前提

時間制限のような固定位置でのUI要素を作りたい！

  • SteamVR PluginでのVR開発
  • Unity2021.3.14f1
  • Meta Quest 2 （Quest Linkを使用）
  • Windows10

分かったこと

結論から言うと、ヘッドセットに描画出来るカメラは１つだけです。

普通のゲームと同じ要領で、Depthを上げたUI用カメラをCanvasの中に入れて通常のカメラの描画結果の上に重ねて・・という方法は、おそらく不可能です。

動作検証の詳細

画像の通りプレビューではUIが表示されていますが、実行するとヘッドセットでは消えてしまいました。 機能している１人称カメラを試しに消したところ、UI用カメラの結果だけが描画されるのでなく、何も描画されない結果になりました。

いろいろ試したところ、UI用カメラに以下の条件が満たされているとUI用カメラのみがヘッドセットで描画されました。

  • Projection:　PerspectiveはOK。OrthographicはNG
  • ClearFlags: Sky boxはOK。Depth OnlyはNG。（おそらくSkybox or Solid Color）
  • Depth: -1~1はOK。2はNG（おそらく2以上がNG）
  • Target Display: 1はOK。2はNG
  • Target Eye: BothがOK。NoneはNG　（これは当然）

これらOK条件を全て満たしている場合のみ、Cameraがヘッドセットに描画されました。

そのようなカメラが複数ある場合は、Depthが高いものが優先されるようです。 条件を見れば分かる通り、そもそも複数のカメラで重ねて描画する設定が選択出来ません。

理由は不明ですが、ひとまずUIも含めて1カメラでシーン内に作っていくしかなさそうです。

推測

SteamVR PluginがUnityのカメラと深く結びついていて、マルチカメラが想定されていないまたは意図して制限しているのかもしれません。

一般的にいってカメラが複数あるとゲームのフレームレートは下がりますし、高FPSが必要とされるVRでは頑張って1カメラで作りなさいということなのかもしれませんね。

【おしながき】ゲームマーケット2022秋

イベント出展 アナログゲーム ウレスジアラスジ

さかだちの街の開発が追い込みな丸ダイスです！

なんと、サークル丸ダイスとして初めてゲームマーケットに出ます！

スペースは

10/30（日）日-ア06

です！

１．「ウレスジアラスジ　〜 天才小説家に転生した私が考えた絶対売れるタイトルを発表します 〜」3000円

gamemarket.jp

それっぽいワードを組み合わせて、最強のクソ長あらすじタイトルを作るゲームです。

カオスすぎる面白タイトルが爆笑を誘う・・はずが、どう組み合わせても意外とありそうになってしまい微妙な失笑に包まれると話題のネタ系ボドゲです。

新作、初頒布ですよ！　ほかのどこでも買えません！

以上です！　では会場でお会いしましょう！

【おしながき】コミックマーケット100

イベント出展

こんにちは！　丸ダイスです！

場所は

8/13（土）１日目　西し-19a

です！

1.「さかだちの街」（C100体験版）100円

youtu.be

さかだちをして視点をひっくり返すことでぶら下がってることになっちゃう

製作中のさかだちパズルアクションです！

インディーゲームコネクト２０２２、東京ゲームダンジョンで展示した内容と大体同じで、序盤のワールドを体験出来るものです！

ダウンロードURLのついてポストカードを頒布します！

ほか既作

他では手に入らないディスク版ですが、今月中に販売されるSteam版、Switch版の翻訳やコントローラー対応はないです！

ファングッズだと思って頂ければ。

「さかだちの街」の完成版も翻訳済みSteam版が初出の可能性があり、「コミケでパッケージ版を初出」も段々過去のものになっていくのかもな・・

という思い。　冬コミも出るかどうか・・ちょっと考え中です。

【Unity】unityroomのゲーム中で動画を再生する方法【Video Player】

Unity 技術メモ AWS unityroom

例えば、このアニメーションロゴ動画をゲームの起動時に再生したい！ www.youtube.com

そのやり方です。WebGL上でUnity の Video Playerを使うのは困難ですが、AWSを使ったら出来ました。

※動画の利用は出来ましたが、問題があって起動時にロゴ動画は表示してません（最後まで読むとわかります）

1. AWSにパブリックアクセス可能な動画を用意

WebGLから再生するには、unityroomからアクセス出来る場所に動画を置いておく必要があります。

1.1. AWSのアカウント登録

AWS（Amazon Web Service）は、IT業界では超有名なサーバーサービスです。

メールアドレス、クレカ等を用意してこちらのURLからポチポチ押していれば簡単にアカウントが作れます。

1.2. アカウントのブロックパブリックアクセスを設定

「このアカウントのブロックパブリックアクセス設定」→「編集」

全チェックを外して「変更の保存」 ※セキュリティがゆるいので、AWSを他用途でも使うなら適宜見直して下さい

1.3. S3ストレージにバケットを作成

バケット（ファイルを入れるフォルダのようなもの）を作成します。

AWSのコンソールから　サービス/ストレージ/S3 を選択。

「バケットを作成」をクリック。

バケットに被りのない適当な名前を付けます。

画像のようにチェックを設定し、全パブリックアクセスを有効にします（放置するとマズいのでこれ以後は最後まで進んで下さい）

「バケットを作成」する

1.4. 動画を置く

作成したバケットをクリックして

アップロードを選択。

アップロード画面に動画をドラッグ＆ドロップして、上げるファイルを確認して「アップロード」

無事にアップロード完了。「閉じる」。

1.5. 動画URLを取得

オブジェクト（ファイル）のリンクをクリック

動画のURLをコピー。Unity上で使うので、どこかにメモして下さい。ブラウザに貼ればそのまま表示出来るはず。

1.6. バケットポリシー設定

バケットの「アクセス許可」から・・

バケットポリシーの「編集」

以下の内容を入れて「変更の保存」。　バケット内のファイルが読み取れるようにします。 （marudice-test-test はバケット名で置き換えて下さい）

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::marudice-test-test/*"
        }
    ]
}

1.7. CORSの設定

多分これが一番大事です。 CORSというのは、ざっくり言うとウェブサイトAのファイルをウェブサイトBが勝手に表示するのを禁止するルールです。 ウェブサイトAに「ウェブサイトBは友達だから表示していいよ」と書いてある場合のみ表示でき、その設定をしています。

CORSの「編集」から・・

以下のコードを貼り付けて「変更の保存」します。

[
    {
        "AllowedHeaders": [],
        "AllowedMethods": [
            "GET"
        ],
        "AllowedOrigins": [
            "https://unityroom.com"
        ],
        "ExposeHeaders": []
    },
    {
        "AllowedHeaders": [],
        "AllowedMethods": [
            "GET"
        ],
        "AllowedOrigins": [
            "https://object-storage.tyo1.conoha.io"
        ],
        "ExposeHeaders": []
    }
]

※CORSの設定についてはこちらを参考にしました。 S3でCORSの設定を行う | AutomationTechブログ

1.8. 不要なパブリックアクセスを閉じる

ゆるゆるガバガバな設定になってるので、閉じます。

ブロックパブリックアクセスの「編集」から

上３つをチェックして「変更の保存」

2. VideoPlayerで動画を再生

2.1. Video Playerの設定（超シンプル版）

適当なGameObjectにVideoPlayerをAddComponentから追加して、 Sourceを「URL」に、Cameraにシーン内のカメラをアタッチします

※RenderTextureを使ってCanvas RawImageに描画なども出来ます。詳しくはこちら　や、Unity VideoPlayerで検索ゥ！！

2.2. スクリプトから再生

以下のコードで再生します。 ゲーム本体と別のサーバーに動画があるのでネットワーク状況で読み込み失敗があり、エラー処理は必須です。

    public UnityEngine.Video.VideoPlayer video;
    void Start()
    {
        video.url = （動画ファイルのURL）;
        video.prepareCompleted += PrepareCompleted;
        video.errorReceived += ErrorReceived;
    }

    // エラー発生時に呼ばれる
    private void ErrorReceived(UnityEngine.Video.VideoPlayer vp, string message)
    {
        Debug.LogWarning($"動画の読み込みに失敗しました. message:{message}");
        vp.errorReceived -= ErrorReceived;
        vp.prepareCompleted -= PrepareCompleted;
        // エラー時処理
    }

    //　動画の読み込みが完了したら呼ばれる
    void PrepareCompleted(UnityEngine.Video.VideoPlayer vp)
    {
        Debug.Log("動画ロード完了");
        vp.prepareCompleted -= PrepareCompleted;
        vp.Play();
    }

以上です！！

先週作ったゲームに、タイトル画面で「E+R+U+I」を同時押しするとロゴ動画が再生されるバックドアを仕込んであるので、動作確認出来ます！

フラッグマニア エクストリーム パズルｘクイズ | フリーゲーム投稿サイト unityroom

3. 起動時に即動画を再生すると起きる問題

この方法で、よく話題に上がるCORSの問題も解決しunityroom上で動画は再生出来ましたが、実は使ってません。

どうも、WebGLのVideo Playerは埋め込みWebGLが非アクティブな状態ではPlay()を読んでも動画が進まない問題（仕様？）があるようで、 「ゲームの起動時に動画を再生」とすると、「ページ読み込み後にWebGL画面をクリックしない限り動画が再生されない」という挙動になりました。

Run in backgroundなども試しましたが、解決不能なようなので諦めました

3.1. え、じゃあどうやったの？起動時にロゴ動画出てるじゃん？

Adobe After Effects から Unity Animation に気合で目コピしました！

元々のロゴアニメ動画も1時間くらいで作ったので、1時間で終わりました。

Video Playerの技術検証と調査は2日くらいかかってます・・・。つら・・・。