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
ParticleStripを使って軽率にtrailパーティクルを作る
Search
にー兄さん
June 17, 2020
Technology
0
590
ParticleStripを使って軽率にtrailパーティクルを作る
エンジニア志望学生LT#4で登壇した資料
にー兄さん
June 17, 2020
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
UnJSを使って軽率にCLIを作ってみたらめちゃくちゃ便利だった / create CLI with UnJS
drumath2237
0
32
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
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
190
What if...? 처음부터 다시 LLM 어플리케이션을 개발한다면
huffon
0
1k
CEL(Common Expression Language)で書いた条件にマッチしたIAM Policyを見つける / iam-policy-finder
fujiwara3
0
720
Git 研修 Advanced【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
200
データ分析基盤を作ってみよう~設計編~
nrinetcom
PRO
1
110
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
120
【基調講演】変える、今ここから ― IoTとAIで紡ぐ未来
soracom
PRO
0
320
エンジニアの生存戦略 〜クラウド潮流の経験から紐解く技術トレンドのメカニズムと乗りこなし方〜
shimy
9
1.9k
公共領域から学ぶ クラウド移行についてエンジニアが意識していること
kawakawa2222
0
140
フルリモートワークはエンジニアの夢を叶えたか? #cm_odyssey
mamohacy
2
600
ACRiルーム最新情報とAMD GPUサーバーのご紹介
anjn
0
160
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
150
Featured
See All Featured
A Tale of Four Properties
chriscoyier
155
22k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Producing Creativity
orderedlist
PRO
340
39k
Docker and Python
trallard
37
2.9k
Six Lessons from altMBA
skipperchong
24
3.2k
Web Components: a chance to create the future
zenorocha
307
41k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
15
4.9k
The World Runs on Bad Software
bkeepers
PRO
63
11k
KATA
mclloyd
20
13k
Facilitating Awesome Meetings
lara
46
5.8k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
Transcript
ParticleStripを使って軽率に trailパーティクルを作る にー兄さん(@ninisan_drumath) エンジニア志望学生LT
にー兄さん自己紹介 筑波大学情報科学類3年(coins18) リアルタイムCG、Humanoid制御、xRとか好き 最近はもっぱらUnity開発がメイン マイブームはAzureKinectとVFX Graph twitter: @ninisan_drumath
agenda UnityとVFX Graph VFX Graphでできること ParticleStripを使ったtrail表現
UnityとVFX Graph
ところで、みなさん。
ビカビカ光る大量のパーティクルを使って
ビカビカ光る大量のパーティクルを使って バチバチにかっこいいエフェクトを
ビカビカ光る大量のパーティクルを使って バチバチにかっこいいエフェクトを 構築してみたいですよね?
たいていの人類は High Dynamic Range Colorを良い感じに ToneMappingしてBloomを強くかけると 気持ちがいいと感じる(諸説) -古事記より-
たいていの人類は High Dynamic Range Colorを良い感じに ToneMappingしてBloomを強くかけると 気持ちがいいと感じる(諸説) -古事記より-
Unityの新しいパーティクルシステム 名称 特徴 制約 従来 shuriken CPUパーティクル、設定画面が煩雑 特になし 最新 VFX
Graph GPUパーティクル、ノードベース SRP推奨 SF のホログラムでも火を噴くドラゴンでも、あるいは雨が打 ちつける窓でも、 Visual Effect Graph のノードベースのエ フェクトと適応性のある機能を使えば、美しい VFX がリアル タイムで作れます。-Unity Blogより-
そういえば新しいUnityがリリース 6/9にUnity 2019.4 LTSがリリース PVでVFX Graphも 大々的に取り上げられた
VFX Graphでできること
demo
ParticleStripを使ったtrail表現
demo
パーティクルを線でつなぐことで実現
パーティクルを線でつなぐことで実現
実際のノード
実際のノード 赤枠:普通のノード 青枠:ParticleStripのノード
実際のノード UpdateノードやOutputノードにも Particle Stripがついている
実際のノード OutputノードにはLit対応のものも 資料作っててDistortion Quad というノードを発見
実際のノード OutputノードにはLit対応のものも 資料作っててDistortion Quad というノードを発見
オススメの機能1:Cast Shadows 影(shadow)を落としてくれる りっちリッチな表現が可能に Lit系のoutputノードにはオススメ
オススメの機能2:Bend Normal Particle Stripの法線を曲げてくれる →丸みを帯びた奇跡の描画が可能 管みたいな表現ができる
Inspectorから設定ができる Cast ShadowsやBlend Normalなどは Inspectorから設定できる VFX Graphのウィンドウに意識が行きがちだが わりとInspector使うと設定が楽
おわりに
まとめ:VFX Graphは結構楽しい ノードベースになったので従来よりも操作性が良い GPUベースなので結構負荷をかけられる 色々面白い表現ができる
参考 Unity のVFX Grapghサイト https://unity.com/ja/visual-effect-graph Unity japanのYoutubeライブ「VFX Graphでなんか作る」 https://www.youtube.com/watch?v=6Ff7S4ocNGs&t=2s keijiro先生のparticleStripを使ったサンプル