『IDOLY PRIDE』ライブシーンの差分をUnity上で比較。意図しないルックの変更をチェックできる内製ツールについて、QualiArtsが解説

2023.11.14
ニュースUnityプログラム
この記事をシェア!
twitter facebook line B!
twitter facebook line B!

この記事の3行まとめ

  • QualiArtsが内製の画像比較ツールの解説記事を公開
  • ツールは『IDOLY PRIDE』のライブシーンのチェック作業用に開発された
  • 画像の一致度を算出するコードや、テクスチャの並列ロードなどの手法を解説

QualiArtsは、自社のエンジニアブログにて『ライブ制作の課題を解決!Unityで高速化した画像比較ツール』と題した記事を公開しました。

同記事では、『IDOLY PRIDE』におけるライブシーンのチェック作業用に開発したUnity用ツールの実装が解説されています。

ツール開発以前はルック変更前後の差分を人力でチェックしていたため、コストの高さや、意図しない変化の見落としが問題となっていたとのこと。例えば、描画に関わるロジックの変更やレベルに配置したアセットの更新時に、意図しないルックの変化が起こりえます。

ライトやポストプロセスが適用されなくなる例(画像は公式ブログより引用)

モニターに表示されるはずの動画が再生できなくなる例(画像は公式ブログより引用

また、既存の画像比較ツールでは、処理の遅さに加えてPythonFFmpegなどのインストールをはじめとするセットアップの大変さが課題だったそうです。

この問題を解決すべく、処理負荷がより低く、Unityのみで完結する新たな画像比較ツールが開発されました。ツールは、以下の4枚で構成されたテクスチャを連番にし、一つの動画に出力します

  • ルック変更前のテクスチャ(下記画像左上)
  • ルック変更後のテクスチャ(下記画像右上)
  • PSNR(※)」のグラフ(下記画像左下)
    ※ Peak Signal Noise Ratio。画像の一致度を測るときに使われる
  • 変更前後の色差分を出したテクスチャ(下記画像右下)

(画像は公式ブログより引用)

記事では、ツールの実行フローと実装手順を解説。2つの画像の差を示すためのPSNRを算出するコードや、フレームごとのPSNRをUnityDrawProceduralを使用してグラフ化する処理などを紹介しています。

ツールの実行フロー(画像は公式ブログより引用)

差分やグラフなどの画像を1つの画像に統合するのにはCanvasを使用している(画像は公式ブログより引用)

画像ロードの並列化などの最適化を行った結果、既存ツールでは14分ほどかかっていた処理が10分前後で完了するようになったとのこと。

(画像は公式ブログより引用)

実装の詳細や、実際のコードはこちらをご確認ください。

ライブ制作の課題を解決!Unityで高速化した画像比較ツール

関連記事

日本語によるUnity最新情報を発信する「UNITE 2023 APAC ON-AIR」配信中。Unity 6が発表された基調講演やMuseによるプロトタイプ制作など「Unite 2023」で行われた講演がピックアップ
2023.12.01
プログラマーがUnityのUI Toolkitを学べるデモ『QuizU』が公開。複数のメニュー画面やゲームフローの管理機能を備えた、クイズゲームのサンプルプロジェクト
2023.11.28
UEおよびUnityのアセットストアやAdobeなどが、2023年のブラックフライデーセールを開催中!
2023.11.24
15th Unity Awardsの受賞者が発表。アセット部門では、FPS制作に役立つ機能を備えたアセットやテキストをアニメーションさせるツールが受賞
2023.11.22
『Unity 2023.2 Tech Stream』がリリース。モバイル端末でのGIがより低負荷で実行可能になるほか、Meta Quest 3をサポート
2023.11.20
Unityの次期LTSは『Unity 6』。AIツール「Unity Muse」「Unity Sentis」も搭載し、2024年にリリース予定
2023.11.16

注目記事ランキング

2023.11.26 - 2023.12.03
1
【2022年5月版】今から始めるフォートナイトの「クリエイティブ」モードープレイ開始から基本的な操作方法まで解説
2
『フォートナイト』で動く本格的なゲームが作れるツール「UEFN」とは?従来のクリエイティブモードから進化したポイントを一挙紹介!
3
フォートナイト クリエイティブとUEFNで使える仕掛け一覧
4
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.1「アイテム系」
5
【CHALLENGE1】「クリエイター ポータル」を使って、UEFNで作成した島を世界中に公開する
6
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.5「島の設定」
7
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.4「ゲームシステム系」
8
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.10「UI系」Part1
9
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.2「ユーティリティ系」
10
【STEP2】UEFNの基本的な使い方を覚えよう
11
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.7「NPC系」Part1
12
【CHALLENGE2-1】フレンドと一緒にゲームを作ろう――UEFNプロジェクトをチームメンバーとリアルタイムで共同編集する
13
フォートナイトとUEFNがv26.30にアップデート。ロビー画面が一新され、クリエイターが島ごとにロビー背景を自由にカスタムできるように
14
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.10「UI系」Part2
15
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.3「プレイヤー系」
16
フォートナイトとUEFNがv27.10にアップデート。プレイヤーに与える武器のマガジン内に入っている初期弾薬量を設定するオプションが追加
17
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.6「チーム・対戦系」Part1
18
『フォートナイト』で建築ビジュアライゼーション!?UEFNでオリジナルの世界観をどう作り上げたか、その手法を解説【UNREAL FEST 2023 TOKYO】
19
日産自動車、UEFNで作られたマップ『Electrify the World』を期間限定公開。EVコンセプトカーが登場する世界を楽しめる
20
【CHALLENGE3】UEFNの機能「ランドスケープ」を使ってオリジナルの地形を作る
21
【STEP4-2】リスポーンとチェックポイントの仕組みを作る
22
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.7「NPC系」Part2
23
【フォートナイト クリエイティブ】ドリフトボードで駆け巡る!タイマー付きのレースゲームを作ってみよう
24
まるで『マイクラ』?ボクセル地形を生み出す無料アセット「VoxelPlugin Free」で”地形を掘ったり積み重ねたり”して遊んでみよう
25
フォートナイト上にオリジナルゲームを開発・公開できるPC専用エディタ『Unreal Editor For Fortnite(UEFN)』、ついにリリース!
26
【STEP3】オリジナルのアスレチックコースを作ろう
27
「UEFN」って実際どうなの? 編集部が3時間で「みんなで遊べるアクションゲーム(?)」を作ってみた
28
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.8「ゾーン系」
29
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.9「建築物系」Part1
30
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.9「建築物系」Part2
VIEW MORE

イベントカレンダー

VIEW MORE

今日の用語

リグ(Rig)
リグ 3Dモデルを動かす場合に、すべてのボーンを編集するのではなく、少ない編集箇所で直感的に動作などを付けるために作られたコントローラーやコントロールする仕組み。 またスケルトン自身をリグと呼ぶ場合もある。
VIEW MORE

Twitterで最新情報を
チェック!