---
title: リッチ表現なのに軽い！Unreal Engineだから実現できたHMIデモ最適化7選
tags:  #unreal engine #ue5 #hmi #最適化  
author: [株式会社ヒストリア](https://convert.docswell.com/user/historia_Inc)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/4JZ1ZR9NE3.jpg?width=480
description: 2025年11月14日(金)～11月15日(土)に行われた「UNREAL FEST TOKYO 2025」にて発表させていただいたスライドです。  イベント詳細ページ https://www.unrealengine.com/ja/events/unreal-fest-tokyo-2025  講演動画 https://youtu.be/98MN8_BbJA8?si=X2Jxx_hn8I463W_a  講演者： 株式会社ヒストリア　佐々木 瞬（代表取締役 / プロデューサー / ディレクター） 株式会社ヒストリア　真茅 健一（3Dアーティスト） 株式会社ヒストリア　星野 智希（エンジニア）  講演内容： 自動車業界向けコンテンツを10年以上制作してきた弊社は、この夏「リッチ表現×軽量動作」をコンセプトにした技術デモ「historia HMI Realize」を発表しました。5年前のAndroid端末でCPU15％・60fpsを実現。本セッションでは最適化術を深掘りし、Unreal Engineならではの7つの手法を解説。HMIに限らずモバイル開発全般に役立つ知見とコンセプト設計の裏側も紹介します。
published: December 25, 25
canonical: https://convert.docswell.com/s/historia_Inc/KJQJEJ-2025-12-25-124435
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/4JZ1ZR9NE3.jpg)

リッチなのに軽い！
Unreal Engineだから実現できたHMIデモ最適化7選
ヒストリア・エンタープライズ
佐々木瞬 / 真茅健一 / 星野智希
#unrealfest


# Page. 2

![Page Image](https://bcdn.docswell.com/page/YE6LZRK97V.jpg)

自己紹介
株式会社ヒストリア
佐々木 瞬
代表取締役
プロデューサー / ディレクター / エンジニア
ゲーム系の専門学校を企画職として卒業。
その後、ゲームのディレクターを経て、エンジニアへ
転身。前職でUnreal Engine 3 を使用していた経験か
ら、2013年 Unreal Engine 専門会社のヒストリアを
設立。ゲームとエンタープライズコンテンツの両方の
制作を行う。
本作では、企画・ディレクションを担当。
Unreal Engine 歴
14年くらい。
2 #unrealfest


# Page. 3

![Page Image](https://bcdn.docswell.com/page/GE51W8PDJ4.jpg)

自己紹介
株式会社ヒストリア
真茅 健一
3Dアーティスト
ヒストリア・エンタープライズチーム所属の
3Dアーティスト。自動車、建築などノンゲー
ムコンテンツのアートワークを担当。フォト
リアル系の案件を担当することが多い。
本講演デモではコンテンツ全体のビジュアル
設計と最適化を担当。
#unrealfest


# Page. 4

![Page Image](https://bcdn.docswell.com/page/9721QKZMER.jpg)

自己紹介
株式会社ヒストリア
星野 智希
エンジニア
2022年にヒストリア・エンタープライズチームに
新卒入社。
学生時代には同社開催のゲームコンテスト「UE4
ぷちコン」へ応募。第12回~15回に入賞する。
現在は自動車業界、建築業界などに向けたアプリ
ケーション開発を行っており、本講演デモでは各
種機能実装と、UI実装を担当。
#unrealfest


# Page. 5

![Page Image](https://bcdn.docswell.com/page/DJYZWNRPEM.jpg)

ヒストリアの事業
開発者
コミュニティ
ゲーム事業
エンタープライズ事業
・家庭用ゲーム
・アーケードゲーム
・VR
・自動車業界
・建築業界
・放送/映像業界
・その他業界
・UE技術ブログ
・UEぷちコン
・セミナーイベント
・ゲームメーカーズ
#unrealfest


# Page. 6

![Page Image](https://bcdn.docswell.com/page/V7N39XDM78.jpg)

#unrealfest


# Page. 7

![Page Image](https://bcdn.docswell.com/page/YJ9928GWJ3.jpg)

日本で唯一、コンソール系ゲーム開発会社で
自動車業界にコミットしている企業（たぶん）
10年以上自動車業界の案件は途切れていない
#unrealfest


# Page. 8

![Page Image](https://bcdn.docswell.com/page/GJ8958VRED.jpg)

エンタープライズ案件数
#unrealfest


# Page. 9

![Page Image](https://bcdn.docswell.com/page/LJLWYR527R.jpg)

エンタープライズ案件数
自動車業界案件
累計受注数100件超えました！
2年連続ゴールドステータス
#unrealfest


# Page. 10

![Page Image](https://bcdn.docswell.com/page/47M9NR39JW.jpg)

リッチ表現
×
最適化
#unrealfest


# Page. 11

![Page Image](https://bcdn.docswell.com/page/P7RGDRQ9J9.jpg)

historia HMI Realize
デモ端末
2020年8月発売, Samsung Galaxy Tab S7
#unrealfest


# Page. 12

![Page Image](https://bcdn.docswell.com/page/PJXX1R53JX.jpg)

historia HMI Realize
https://historia.co.jp/enterprise/realize/
#unrealfest


# Page. 13

![Page Image](https://bcdn.docswell.com/page/3JKW2R6NJD.jpg)

Stats (Open GL)
デモ端末
フレームレート
Samsung Galaxy Tab S7
Snapdragon 865+
（ 2020年8月発売 ）
CPU使用率
GPU使用率
8/5 Build: Tokyo&#039;25 for Automotiveでの発表時
#unrealfest


# Page. 14

![Page Image](https://bcdn.docswell.com/page/LE31486Z75.jpg)

Stats (Open GL)
デモ端末
フレームレート
Samsung Galaxy Tab S7
Snapdragon 865+
（ 2020年8月発売 ）
CPU使用率
15%⇒
GPU使用率
55%⇒
#unrealfest


# Page. 15

![Page Image](https://bcdn.docswell.com/page/8EDXQMV4JG.jpg)

Unreal Engineが得意なこと
× UEは重い
○ UEはリッチ表現が軽く実現できる
#unrealfest


# Page. 16

![Page Image](https://bcdn.docswell.com/page/V7PPLRVV78.jpg)

なぜペンギンを入れた？
#unrealfest


# Page. 17

![Page Image](https://bcdn.docswell.com/page/2JV2QRZRJQ.jpg)

#unrealfest


# Page. 18

![Page Image](https://bcdn.docswell.com/page/5EGRWM46JL.jpg)

まあ入ってくるでしょう
#unrealfest


# Page. 19

![Page Image](https://bcdn.docswell.com/page/4JQV3RG27P.jpg)

AIが進化する中で、UEはいま必要な技術？
#unrealfest


# Page. 20

![Page Image](https://bcdn.docswell.com/page/K74M185PJ1.jpg)

Unreal Engine
VS
AI
#unrealfest


# Page. 21

![Page Image](https://bcdn.docswell.com/page/LJ18G2WXEG.jpg)

利点と欠点
ゲームエンジン
AI
利点
・意図したコンテンツを表示可能 ・多彩な反応を返すことが可能
欠点
・多彩な反応を用意するのに
工数がかかる
・事前準備した反応しか
得られない
・意図しないグラフィック表示、
意図しない操作をしてしまう
・デバッグがやりきれない
#unrealfest


# Page. 22

![Page Image](https://bcdn.docswell.com/page/GJWZKR6KJ2.jpg)

UE / AI：境界線はどこだ
対話の返答
機能の操作リクエスト
対話エージェントが
提案する可能性
機能の実行
ユーザーとのインターフェース
レンダリング・操作レスポンス
より最適化技術は重要に！
おそらくしばらく
ココが境界
#unrealfest


# Page. 23

![Page Image](https://bcdn.docswell.com/page/4EZ1ZRYN73.jpg)

声だけで脱出ゲーム ChatGPT×UE5技術デモ 2023年6月
「名探偵モカと密室脱出」
https://historia.co.jp/archives/35650/
#unrealfest


# Page. 24

![Page Image](https://bcdn.docswell.com/page/Y76LZRD9JV.jpg)

チーム構成
佐々木
Director
小林
PM
櫻井
UI Artist
吉野
UI Artist
真茅
3D Artist
星野
Engineer
&lt;制作期間&gt;
約3か月＋追加最適化1か月
#unrealfest


# Page. 25

![Page Image](https://bcdn.docswell.com/page/G751W83DE4.jpg)

最適化の例7選をご紹介
#unrealfest


# Page. 26

![Page Image](https://bcdn.docswell.com/page/9J21QKKM7R.jpg)

前提条件
● フォワードレンダリングを採用
#unrealfest


# Page. 27

![Page Image](https://bcdn.docswell.com/page/DEYZWNNP7M.jpg)

1.ライティングはベイク
#unrealfest


# Page. 28

![Page Image](https://bcdn.docswell.com/page/VJN39XXMJ8.jpg)

ライティング手法の検討
● 本講演デモでは低負荷かつリッチな表現を目指した
● 背景の建築は大量のライトと高品質のグローバルイルミネーションが必要
#unrealfest


# Page. 29

![Page Image](https://bcdn.docswell.com/page/YE99288WE3.jpg)

ムーバブルのライトでライティングすると
● 間接光の表現ができない
● 多数のライトはパフォーマンス的に厳しい
#unrealfest


# Page. 30

![Page Image](https://bcdn.docswell.com/page/GE89588R7D.jpg)

ライティングはベイク
● 動くものは車以外ないので、クオリティとパフォーマンス両方の観点からライ
トは基本的にスタティックを使ってライティングをベイクする
● ベイクしておくことで低負荷で高品質なライティングを実現
#unrealfest


# Page. 31

![Page Image](https://bcdn.docswell.com/page/LELWYRR2JR.jpg)

ライティングはベイクなら
● スタティックのライトを負荷をほぼ気にせずたくさん置ける
#unrealfest


# Page. 32

![Page Image](https://bcdn.docswell.com/page/4JM9NRR9EW.jpg)

動的ライトの使用は最低限に
● 一つの動的ライトでもパフォーマンスに大きく影響する
● 太陽と車のヘッドライトのみ動的にライティング
#unrealfest


# Page. 33

![Page Image](https://bcdn.docswell.com/page/PJRGDRR9E9.jpg)

ライティング環境の切り替えはライトシナリオを使用
● 各時間帯、天候のバリエーションのライティングはライトシナリオとしてライ
トビルドしておいた。
● 実行時には切り替えて読み込む
#unrealfest


# Page. 34

![Page Image](https://bcdn.docswell.com/page/PEXX1RR3EX.jpg)

2. デカール(or半透明の板)で影の表現
#unrealfest


# Page. 35

![Page Image](https://bcdn.docswell.com/page/3EKW2RRNED.jpg)

デカールについて
● 上書きして質感を投影することができる
#unrealfest


# Page. 36

![Page Image](https://bcdn.docswell.com/page/L731488ZJ5.jpg)

デカールなし
#unrealfest


# Page. 37

![Page Image](https://bcdn.docswell.com/page/87DXQMM4EG.jpg)

デカールで影表現
● モバイル環境では表現しきれない詳細な影をデカールで表現
#unrealfest


# Page. 38

![Page Image](https://bcdn.docswell.com/page/VJPPLRRVJ8.jpg)

車の下の影
● 車の下の影のコントラストが足りない
● DCCツールで作成した床面のAOテクスチャを投影して影を追加
#unrealfest


# Page. 39

![Page Image](https://bcdn.docswell.com/page/2EV2QRRREQ.jpg)

風に揺られる木の影の表現
● 手前にボリュームのある植物を足したいがパフォーマンス的に厳しい
● せめて木があることを感じさせるために木の影だけを追加
● UVにノイズを加えてアニメーションさせることで風で揺れているように見せた
#unrealfest


# Page. 40

![Page Image](https://bcdn.docswell.com/page/57GRWMM6EL.jpg)

デカールの代わりに半透明の板で同じ表現を試すと
● デカールは使いやすく表現としては満足できたが軽くはない
● “Translucent”で”Unlit”な半透明マテリアルをただの板ポリに貼ってみた
#unrealfest


# Page. 41

![Page Image](https://bcdn.docswell.com/page/4EQV3RR2JP.jpg)

デモではデカールより半透明の板を置いた方が軽かった
● デカール 12.75ms
● 半透明の板 12.02ms
#unrealfest


# Page. 42

![Page Image](https://bcdn.docswell.com/page/KJ4M188PE1.jpg)

3.ボディのディティールはAOで
#unrealfest


# Page. 43

![Page Image](https://bcdn.docswell.com/page/LE18G22X7G.jpg)

車のモデル
● ボディ全体で約8万トライアングル
● 車の形状のディティールが大切なのでモバイルとしてはリッチなポリゴン数
#unrealfest


# Page. 44

![Page Image](https://bcdn.docswell.com/page/GEWZKRRKE2.jpg)

最終的なライティング
#unrealfest


# Page. 45

![Page Image](https://bcdn.docswell.com/page/47Z1ZRRNJ3.jpg)

普通にライティングするとディティールが出ない
● 奥まった部分の光が遮蔽できていない
ドアハンドルの陰影がない
パーティングラインが消える
本来光が回らない場所まで
明るくなっている
#unrealfest


# Page. 46

![Page Image](https://bcdn.docswell.com/page/YJ6LZRR9EV.jpg)

遮蔽できていない光はどれ？
● 最終絵は動的ライト+ベイクしたライトマップでライティングでできている
=
+
動的ライト
ライトマップ
最終絵
#unrealfest


# Page. 47

![Page Image](https://bcdn.docswell.com/page/GJ51W88D74.jpg)

遮蔽できていない光はどれ？
● ライトマップの成分
=
+
ライトマップ
#unrealfest


# Page. 48

![Page Image](https://bcdn.docswell.com/page/LE3148GQ75.jpg)

マテリアルにAOを設定
● ライトマップをマスクできる
+
ライトマップ
x
=
最終絵
動的ライト
AOテクスチャ
#unrealfest


# Page. 49

![Page Image](https://bcdn.docswell.com/page/8EDXQM1WJG.jpg)

車のマテリアルにAOを設定
Substance PainterでベイクしたAO
#unrealfest


# Page. 50

![Page Image](https://bcdn.docswell.com/page/V7PPLRQX78.jpg)

AOの強弱で遮蔽感を調整
#unrealfest


# Page. 51

![Page Image](https://bcdn.docswell.com/page/2JV2QR53JQ.jpg)

環境光成分以外には効かない
● 動的ライトが当たっている面にはあまり効果がない(リフレクションキャプチャによる反射はマスクされる)
● ムーバブルのスカイライトには有効
#unrealfest


# Page. 52

![Page Image](https://bcdn.docswell.com/page/5EGRWM6YJL.jpg)

4. タイヤをマテリアルで回転させる
#unrealfest


# Page. 53

![Page Image](https://bcdn.docswell.com/page/4JQV3R467P.jpg)

タイヤの回転はマテリアルで表現
● CPUの計算を減らしGPUで軽量に計算するためマテリアルで回転させている
● マテリアルパラメーターコレクションで管理
#unrealfest


# Page. 54

![Page Image](https://bcdn.docswell.com/page/K74M18QMJ1.jpg)

準備としてメッシュをローポリ化とマテリアルの統合
● 元のモデルは68万トライアングル、マテリアルが3つ
#unrealfest


# Page. 55

![Page Image](https://bcdn.docswell.com/page/LJ18G2PYEG.jpg)

ローポリを作成
● カメラから見てシルエットに悪影響を与えない程度のローポリを作成
元のモデル
ローポリモデル
#unrealfest


# Page. 56

![Page Image](https://bcdn.docswell.com/page/GJWZKR21J2.jpg)

Substance Painterでローポリにベイク
● 元のモデルの情報をローポリにベイクして、質感とともにテクスチャ化
#unrealfest


# Page. 57

![Page Image](https://bcdn.docswell.com/page/4EZ1ZRDX73.jpg)

ポリゴン数、マテリアル数を削減
ほぼ同じ見た目でポリゴン数を大きく削減（隙間は背面が見えないように意図的に潰している）
・元のモデル
・ローポリにベイクしたモデル
68万トライアングル
マテリアル3つ
840トライアングル
マテリアル1つ
#unrealfest


# Page. 58

![Page Image](https://bcdn.docswell.com/page/Y76LZR1PJV.jpg)

マテリアル内でタイヤの回転を表現
● マテリアルのRotate About AxisをWorld Position Offsetに接続して回転
● 頂点の位置をマテリアルで回転させることでタイヤが回っているように見せている
RotateAboutAxisについては弊社ブログ記事でも解説しています
[UE4] RotateAboutAxisでオブジェクトを回転する
https://historia.co.jp/archives/6261/
#unrealfest


# Page. 59

![Page Image](https://bcdn.docswell.com/page/G751W84PE4.jpg)

背景も連動して動くように
● 背景もタイヤの回転と連動してマテリアルで頂点を移動させた
● 実際には車は移動していないのでループ走行させるには管理しやすい
#unrealfest


# Page. 60

![Page Image](https://bcdn.docswell.com/page/9J21QKVZ7R.jpg)

5.Drawを減らす
#unrealfest


# Page. 61

![Page Image](https://bcdn.docswell.com/page/DEYZWN3N7M.jpg)

制作途中の背景と最終的な背景を比較
● 制作途中
● 最終
ほとんど同じに見えるが
#unrealfest


# Page. 62

![Page Image](https://bcdn.docswell.com/page/VJN39XVVJ8.jpg)

制作途中の背景と最終的な背景を比較
● 制作途中
● 最終
Drawsが大きく異なり、GPUの負荷にもつながっている
#unrealfest


# Page. 63

![Page Image](https://bcdn.docswell.com/page/YE99286VE3.jpg)

制作途中の背景と最終的な背景を比較
● 制作途中
● 最終
“Stat scenerendering“で確認するとMesh draw callsが4倍近く
#unrealfest


# Page. 64

![Page Image](https://bcdn.docswell.com/page/GE8958Z47D.jpg)

制作途中の背景
● 同じメッシュや小さいメッシュが小さい範囲を何度も分けて描画している
#unrealfest


# Page. 65

![Page Image](https://bcdn.docswell.com/page/LELWYRDVJR.jpg)

最終的な背景
● 同じメッシュや小さいメッシュをマージすることで効率的に描画している
#unrealfest


# Page. 66

![Page Image](https://bcdn.docswell.com/page/4JM9NRPNEW.jpg)

メッシュをマージする
● メッシュを複数選択して”Tool”→”Merge Actor”を選択
#unrealfest


# Page. 67

![Page Image](https://bcdn.docswell.com/page/PJRGDR14E9.jpg)

メッシュをマージする
● “Merge Actors”を押すとメッシュが結合される
#unrealfest


# Page. 68

![Page Image](https://bcdn.docswell.com/page/PEXX1RYZEX.jpg)

メッシュをマージする
● メッシュが結合されたので11回の描画が7回に
（メッシュが1つでもマテリアルが7つに分かれているので）
#unrealfest


# Page. 69

![Page Image](https://bcdn.docswell.com/page/3EKW2R3VED.jpg)

マテリアルもマージする場合は
● LOD Selection Typeを “Use specific LOD level”にすることで”Merge
Materials”が使える。
#unrealfest


# Page. 70

![Page Image](https://bcdn.docswell.com/page/L73148LQJ5.jpg)

メッシュをマージする
● マテリアルもマージされたので11回の描画が1回で済むようになった
#unrealfest


# Page. 71

![Page Image](https://bcdn.docswell.com/page/87DXQMNWEG.jpg)

車もマテリアルをまとめてDrawを減らす
● 16あったマテリアルを3つに統合
#unrealfest


# Page. 72

![Page Image](https://bcdn.docswell.com/page/VJPPLR5XJ8.jpg)

まとめてテクスチャ化
● Substance Painterで複数マテリアルをまとめてテクスチャ化した。
● 前述のAOのベイクも行っているので遮蔽感の向上にも寄与
#unrealfest


# Page. 73

![Page Image](https://bcdn.docswell.com/page/2EV2QRP3EQ.jpg)

エンジニア編
#unrealfest


# Page. 74

![Page Image](https://bcdn.docswell.com/page/57GRWMPYEL.jpg)

6. 3DWidgetのサイズについて
#unrealfest


# Page. 75

![Page Image](https://bcdn.docswell.com/page/4EQV3R26JP.jpg)

3DWidgetの描画
● 3DのUIの描画WidgetComponentを使用
● 2Dで作成したUIをそのまま3D空間に描画することができる
#unrealfest


# Page. 76

![Page Image](https://bcdn.docswell.com/page/KJ4M18LME1.jpg)

WidgetComponentの描画
● 3D空間に描画される前に一度内部でRenderTargetに描画される
● その後、Widgetを描画したRenderTargetが3D空間に表示される
● RenderTarget の解像度はDrawSizeで設定した数値
→
Widget
→
RenderTargetに描画
3D空間に描画
#unrealfest


# Page. 77

![Page Image](https://bcdn.docswell.com/page/LE18G2LY7G.jpg)

WidgetComponentの解像度
● 画面の解像度とは関係なく、内部では常にDrawSizeで設定した解像度で
レンダリングされる
● 通常のテクスチャとは異なりMipMapが生成されないため、必要以上に
大きい解像度に設定されていると大きな負荷につながるため注意
#unrealfest


# Page. 78

![Page Image](https://bcdn.docswell.com/page/GEWZKRV1E2.jpg)

今回の事例
● Draw at Desired Sizeにチェックが入っていると自動で
サイズが決定される
● 元のテクスチャが大きかったため、最終的な画面の解像度の
3倍以上の解像度でレンダリングされていた
● コンソール変数（MaximumRenderTarget）で最大サイズを
設定できるが、あくまでもエディター上で設定できる最大の
サイズなので、 Draw at Desired Sizeが有効だと設定した数
値を超えることもある
#unrealfest


# Page. 79

![Page Image](https://bcdn.docswell.com/page/47Z1ZR4XJ3.jpg)

Widgetの解像度が大きい場合
● 実際にGPUの負荷になっている様子
↑4500ｘ1200のWidget
#unrealfest


# Page. 80

![Page Image](https://bcdn.docswell.com/page/YJ6LZR3PEV.jpg)

Widgetの解像度を小さくした場合
● 解像度を1/4に下げた様子 →
1125x300
● もともと画面の解像度より大きかったため、あまりぼやけた感じはしない
#unrealfest


# Page. 81

![Page Image](https://bcdn.docswell.com/page/GJ51W8LP74.jpg)

適切な解像度
● 必要以上に解像度を下げても効果は少ない
● 描画される大きさを考慮して適切なサイズに設定
フル解像度：46%
1/2：39%
1/4：39%
#unrealfest


# Page. 82

![Page Image](https://bcdn.docswell.com/page/9E21QKLZJR.jpg)

最終的な解像度の設定
● 元のテクスチャはそのままでWidgetComponentのDrawSizeを半分に設定、
全体のGPU使用率は46%-&gt;39%に削減
● テクスチャはMipMapが作られて自動で適切なサイズになる、という先入観
があり開発終盤まで気づかなかった
#unrealfest


# Page. 83

![Page Image](https://bcdn.docswell.com/page/D7YZWNQNJM.jpg)

7. CPUの負荷について
#unrealfest


# Page. 84

![Page Image](https://bcdn.docswell.com/page/VEN39XKVE8.jpg)

CPU負荷
● アプリケーションのCPUの負荷はシステム全体の12%~20%ほど
● イベントドリブンで設計
● ゲームスレッドも比較的余裕がある
● 今回特にゲームスレッド側での最適化は行っていない
#unrealfest


# Page. 85

![Page Image](https://bcdn.docswell.com/page/Y79928VV73.jpg)

CPU負荷の内訳
● ほとんどIdleTime
● そもそも実行している処理自体が少なく、最適化の余地があまりなかった
#unrealfest


# Page. 86

![Page Image](https://bcdn.docswell.com/page/G78958P4JD.jpg)

不要なHitTestは行わない
● Widgetで当たり判定を取る必要のないものはVisibilityをNotHit-Testableに
設定
#unrealfest


# Page. 87

![Page Image](https://bcdn.docswell.com/page/L7LWYR1VER.jpg)

Tickについて
● TickはADASの他車両の制御でのみ使用
● Homeと比べて負荷は増える（Home：12% -&gt; ADAS：17%）
● Tickを使ったから重いという訳でななく、単純に処理する内容が増えたから
● 不必要なTickは避けるべきだが、必要があれば普通に使う
#unrealfest


# Page. 88

![Page Image](https://bcdn.docswell.com/page/4EM9NRWN7W.jpg)

ASISについて
#unrealfest


# Page. 89

![Page Image](https://bcdn.docswell.com/page/PERGDRY479.jpg)

Android Single Instance Service(ASIS)
https://www.unrealengine.com/ja/uses/hmi
#unrealfest


# Page. 90

![Page Image](https://bcdn.docswell.com/page/P7XX1RGZ7X.jpg)

ASISを使ったアプリの構成の違い
● ネイティブアプリ（ASIS）を上でアプリを動作
通常の構成
ASISを使用した構成例
#unrealfest


# Page. 91

![Page Image](https://bcdn.docswell.com/page/37KW2R4V7D.jpg)

通常の構成では
● UEだけで完結
● プロトタイプなど小規模な開発に向いている
● 車両と連携する処理を組み込む難易度が高い
通常の構成
#unrealfest


# Page. 92

![Page Image](https://bcdn.docswell.com/page/LJ3148DQE5.jpg)

ASISを使用する場合
● ASISアプリとUEアプリを別々に開発できる
● ASIS UE間は双方向で通信が可能
● 車両との連携など安全に関わる部分はASISアプ
リ側に委ねられる
● 構成が複雑になるため小規模開発には向かない
ASISを使用した構成例
#unrealfest


# Page. 93

![Page Image](https://bcdn.docswell.com/page/8JDXQMPW7G.jpg)

クラッシュに強い
● ASISを使用していない場合
● Debug Crashを実行
クラッシュを実行
アプリ全体が落ちる
ホーム画面
#unrealfest


# Page. 94

![Page Image](https://bcdn.docswell.com/page/VEPPLRNXE8.jpg)

クラッシュに強い
● ASISを有効にするとクラッシュしてもアプリ本体に影響がない
クラッシュを実行
ASISは生きたまま
すぐに再起動
#unrealfest


# Page. 95

![Page Image](https://bcdn.docswell.com/page/27V2QRK37Q.jpg)

アプリの切り替え
● 非常に高速に切り替えが可能
● 遷移アニメーションなども作れる
#unrealfest


# Page. 96

![Page Image](https://bcdn.docswell.com/page/5JGRWMQY7L.jpg)

AndroidのUIが利用できる
● ASISアプリのUIをUEの画面に重ねることができるため、UIをUEに組み込む
コストを削減
→
Android StudioでUIを作成
→
TextureViewとしてUEの画面を扱える
UIを重ねて表示
#unrealfest


# Page. 97

![Page Image](https://bcdn.docswell.com/page/47QV3RK6EP.jpg)

ASISのパフォーマンス
● オーバーヘッドは若干あるが（1ms程）ほぼ無視できる
● アプリケーション全体のCPU負荷はUEアプリ＋ASISアプリなので少
し増える（数％程）がこちらもほぼ無視できる
● メモリの使用量はほぼ変わらない
● ただし起動するアプリが増えれば比例してメモリの使用量も増える
● 実製品を見据えたHMI開発ではASISの使用は必須になってくる
#unrealfest


# Page. 98

![Page Image](https://bcdn.docswell.com/page/KE4M18PM71.jpg)

なぜ技術公開するか？
#unrealfest


# Page. 99

![Page Image](https://bcdn.docswell.com/page/L718G29YJG.jpg)

自動車業界におけるUE
シミュレーション
車両開発中
ビジュアライズ
自動運転
Sim環境構築
デザインレビュー
静止画出力
ロボット
Sim
デザインレビュー
教師データ作成
動画出力
ユーザーテスト
夢がある！
toC コンテンツ
HMI
AI
コンシェルジュ？
カーコンフィ
ギュレーター
CG制作
イベント
コンテンツ
UGC？
めっちゃワクワクする！
#unrealfest


# Page. 100

![Page Image](https://bcdn.docswell.com/page/G7WZKRQ172.jpg)

＜ヒストリアの夢＞
誰もがPhotoshopを扱うようにUEを扱う世界
UEにAIによるオペレーションが入ったら夢では無いと思う
#unrealfest


# Page. 101

![Page Image](https://bcdn.docswell.com/page/4JZ1ZRWXE3.jpg)

宣伝
#unrealfest


# Page. 102

![Page Image](https://bcdn.docswell.com/page/YE6LZRGP7V.jpg)

JAXA×ヒストリアの共同開発
月面シミュレーション
将来的にローバーの走行シミュレーション等で使用
左：SLIMが撮影した画像
右：UE5で再現した月面環境
https://historia.co.jp/archives/45327/
#unrealfest


# Page. 103

![Page Image](https://bcdn.docswell.com/page/GE51W8VPJ4.jpg)

研究結果を利用した年内公開予定のデモゲーム
#unrealfest


# Page. 104

![Page Image](https://bcdn.docswell.com/page/9721QK3ZER.jpg)

https://historia.co.jp/enterprise/soundxr/
#unrealfest


# Page. 105

![Page Image](https://bcdn.docswell.com/page/DJYZWN1NEM.jpg)

ご清聴ありがとうございました
#unrealfest


