Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
HoloLensにおける VFX Graphの利用を 軽率に検証してみる
Search
にー兄さん
July 29, 2020
Technology
0
440
HoloLensにおける VFX Graphの利用を 軽率に検証してみる
Tokyo HoloLens Meetup 21回にてLT登壇した資料です
にー兄さん
July 29, 2020
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
UnJSを使って軽率にCLIを作ってみたらめちゃくちゃ便利だった / create CLI with UnJS
drumath2237
0
31
create-babylon-appを軽率にアプデしたい / update create babylon app
drumath2237
1
14
Babylon.js 7注目機能を 軽率にまとめてみる/whats-new-in-babylonjs-v7
drumath2237
1
100
軽率にVFX Graphと Compute Shaderを 組み合わせるテクニック/integrate-vfxgraph-and-compute-shader
drumath2237
1
120
軽率にVue 3で リアルタイム3Dアプリを作れる ライブラリを作ってみた/vue-with-3d-app
drumath2237
3
1.6k
軽率にBabylon.jsを C#で使う技術 / using-babylonjs-with-csharp
drumath2237
1
510
今こそ軽率に理解したい WebXR Device APIとBabylon.jsの話 / understand-webxr-device-api-and-babylonjs
drumath2237
0
60
Vue・Babylon連携ライブラリ BabyuewJSについて / about-babyuewjs
drumath2237
0
120
軽率にBabylon.jsの WebGPUエンジンを使って ComputeShaderに入門した / learn-about-babylonjs-webgpu-computeshader
drumath2237
0
490
Other Decks in Technology
See All in Technology
[2024最新版]AWS Control Towerを使ったセキュアなマルチアカウント環境の作り方
hiashisan
0
270
コンテナ・K8s研修 - 前半 コンテナ基礎・ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
120
20240724_cm_odyssey_hibiyatech
hiashisan
0
110
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
150
たくさん本を読んだけど 1年後には綺麗サッパリ!を乗り越えて 学習の鬼になるぞ👹
yum3
0
160
サーバーレスAPI(API Gateway+Lambda)とNext.jsで 個人ブログを作ろう!
shuntaka
PRO
0
560
Git 研修 Basic【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
310
AIエージェントを現場に導入する目線とは
masahiro_nishimi
1
1.5k
公共領域から学ぶ クラウド移行についてエンジニアが意識していること
kawakawa2222
0
140
推薦システムを本番導入する上で一番優先すべきだったこと~NewsPicks記事推薦機能の改善事例を元に~
morinota
0
130
LINE WORKSへ簡単通知!Incoming Webhookアプリの紹介
mmclsntr
0
110
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
Music & Morning Musume
bryan
43
5.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
The Invisible Customer
myddelton
117
13k
Fireside Chat
paigeccino
25
2.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
Thoughts on Productivity
jonyablonski
64
4.1k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
Ruby is Unlike a Banana
tanoku
96
10k
Into the Great Unknown - MozCon
thekraken
20
1.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
Transcript
HoloLensにおける VFX Graphの利用を 軽率に検証してみる Tokyo HoloLens ミートアップ vol.21 にー兄さん(@ninisan_drumath)
自己紹介 にー兄さん(@ninisan_drumath) 筑波大学情報科学類3年 HoloLens初心者につき、お手柔らかに......。 3DCG、xR、HumanoidAvatarなどが好き。 最近はもっぱらUnity開発がメイン 最近のマイブームはAzureKinectとHoloLens
スライドは公開予定です スクショ&SNS共有 全然大丈夫です!
agenda VFX Graphとは HoloLensでの環境構築 HoloLensでVFX Graphを使ってみて まとめ
VFX Graphとは?
Unityの新しいパーティクルシステム 従来のパーティクルシステムであるShurikenよりも 操作性、表現力、性能、が強化されている 名称 特徴 制約 従来 shuriken CPUパーティクル、設定画面が煩雑 特になし
最新 VFX Graph GPUパーティクル、ノードベース SRP推奨 正式名称:Visual Effect Graph
ノードベースで挙動を定義 ”グラフ”というだけあって ノードをつないで挙動を定義 いろんなノードがビルトインで 定義してある →いろいろできる(語彙
HoloLensでの環境構築
UniversalRPプロジェクトの作成とビルド VFX GraphはSRP (Scriptable Render Pipeline) で使える機能 HoloLensにビルドするには UniversalRPが良さそう テンプレートウィザードから作成
できる
UniversalRPプロジェクトの作成とビルド Visual Effect Graphを PackageManagerからimport Create→VisualEffect→Visual EffectGraphからアセットを作成 し、シーンに配置 これだけでVFX Graphが動く
HoloLensへのビルドも普通に できる
HoloLensでVFX Graphを使ってみて
動作風景1 シンプルなパーティクルの表示 しょぼい...(´・ω・`)
動作風景2 ColorのIntensityを調整&ランダムな挙動を追加
動作風景2 ポスプロの適用
動作風景2 unlitなcubeで出力
動作風景2 PointCacheの利用
VFX Grpahを使ってみて Unityで普通に実行するより表現力が違う 大量のパーティクルにも割と耐えられそう →描画範囲やパーティクルのサイズを小さくするとパフォーマンスも上がる アーティスティックな表現に使えるかも? 暗いところで見ると結構キレイで感動する
シミュレーションデータの可視化 事前計算済みのシミュレーションを CSVで読み込み、 ランタイムでVFX Graphでサンプリン グする 風洞実験や流体シミュレーションの 可視化に利用できそう
まとめ
まとめ VFX Graph+HoloLens、割といいかも ちょっと凝った表現を手軽に作れる →デザイナーも簡単に触れる →空間デザインのプロトタイプとかで使えそう 今後の動向に期待!
参考 Unity Visual Effect Graph https://unity.com/ja/visual-effect-graph スクリプタブルレンダーパイプラインについて、 Unityでこれから起きること https://note.com/unityjapan/n/ndff4ba4ffbc8 HoloLensのLWRPとShaderGraph対応
https://www.tattichan.work/entry/2018/09/12/HoloLens%E3%81%AELWRP%E3%81%A8ShaderGraph%E5%AF%BE%E5%BF%9C VFX+HoloLensの検証動画リスト https://www.youtube.com/playlist?list=PLJjuMHHODGIoInaokBTgRCooQArzrFCtZ twitter: @ninisan_drumath GitHub: @drumath2237 Qiita: @drumath2237