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
フォークギター with VFXの 制作を軽率に振り返ろう! / look back fork...
Search
にー兄さん
April 12, 2025
Technology
0
11
フォークギター with VFXの 制作を軽率に振り返ろう! / look back fork guitar with vfx
PerformersFes振り返り感想会にて登壇した資料です
https://iwakenlab.connpass.com/event/350632/
にー兄さん
April 12, 2025
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
軽率に始まった Babylon.js勉強会運営の 1年間をふりかえって / look back babylonjs japan activity
drumath2237
0
40
利己的利他、 あるいは軽率2.0に備えよ。 / prepare-for-keisotsu-2.0
drumath2237
0
25
軽率にAndroidXRのJetpack SceneCoreを使って3Dモデルを表示してみる / androidxr-scenecore-3dmodels
drumath2237
0
63
あなたの知らないWebXR Device APIの話を軽率に / about-webxr-device-api-you-dont-know
drumath2237
0
11
UnJSを使って軽率にCLIを作ってみたらめちゃくちゃ便利だった / create CLI with UnJS
drumath2237
4
1.5k
create-babylon-appを軽率にアプデしたい / update create babylon app
drumath2237
1
1.7k
Babylon.js 7注目機能を 軽率にまとめてみる/whats-new-in-babylonjs-v7
drumath2237
1
370
軽率にVFX Graphと Compute Shaderを 組み合わせるテクニック/integrate-vfxgraph-and-compute-shader
drumath2237
1
470
軽率にVue 3で リアルタイム3Dアプリを作れる ライブラリを作ってみた/vue-with-3d-app
drumath2237
3
2k
Other Decks in Technology
See All in Technology
OPENLOGI Company Profile for engineer
hr01
1
25k
クラウド開発環境Cloud Workstationsの紹介
yunosukey
0
210
OpsJAWS34_CloudTrailLake_for_Organizations
hiashisan
0
220
AIにおけるソフトウェアテスト_ver1.00
fumisuke
1
310
Oracle Cloud Infrastructure:2025年4月度サービス・アップデート
oracle4engineer
PRO
0
240
watsonx.data上のベクトル・データベース Milvusを見てみよう/20250418-milvus-dojo
mayumihirano
0
180
企業が押さえるべきMCPの未来
takaakikakei
0
210
PagerDuty×ポストモーテムで築く障害対応文化/Building a culture of incident response with PagerDuty and postmortems
aeonpeople
3
500
更新系と状態
uhyo
8
2.1k
Goの組織でバックエンドTypeScriptを採用してどうだったか / How was adopting backend TypeScript in a Golang company
kaminashi
12
9k
AIと共に乗り越える、 入社後2ヶ月の苦労と学習の軌跡
sai_kaneko
0
150
MySQL Indexes and Histograms – How they really speed up your queries
lefred
0
130
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
GraphQLの誤解/rethinking-graphql
sonatard
71
10k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
136
33k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
The Cult of Friendly URLs
andyhume
78
6.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.7k
Fireside Chat
paigeccino
37
3.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Raft: Consensus for Rubyists
vanstee
137
6.9k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Transcript
フォークギター with VFXの 制作を軽率に振り返ろう! にー兄さん@ninisan_drumath PerformersFestこだわり解説感想戦
アジェンダ - はじめに - フォークギター with VFXの概要 - 制作について -
VFX Graphのこだわり - おわりに
はじめに
にー兄さん(@ninisan_drumath) ソフトウェアエンジニア “Babylon.jsとWebXR Device APIの宣教師” 株式会社ホロラボ Babylon.js勉強会運営 Iwaken Lab. Microsoft
MVP for Developer Technologies
本日のお話 2025/3/25のIwakenLab Performers Festで披露した フォークギター with VFXの制作について - どんなことを考えて -
どんなツールを使って - どんなものを作ったのか 本日のゴール: - お客さんやラボメンに演出のこだわりについて知ってもらう - Unity VFX Graphええやん!って思ってもらう - 自分がインタラクティブなクリエイティブについて言語化して整理する
フォークギター with VFX の概要
オーディオリアクティブな動点群ビジュアルエフェクト これまでKinectを使ったVFXをいくつか制作 →その流れで今回お誘い フェスということで音楽と組み合わせよう →自分が好きなフォークギターで
パフォーマンス風景
使用技術 - Azure Kinect (Sensor SDK) - Unity 6000.0.42 -
HDRP - VFX Graph - Cinemachine
Unityプロジェクト GitHubに公開しています(AzureKinectがないと動かないですが) https://github.com/drumath2237/PerformersFes2025
機材構成 センサリング対象は人とギター 演奏してる手前にAzureKinect を配置 ギターはマイク録り(エレアコではない) 後ろのスクリーンに投影
処理フロー センサリングや演出のシステムはUnity フォークギターの音を取得 AzureKinectからデータを取得 Unityで演出を加えてレンダリング 全画面ビルドしたアプリ画面を スクリーンに投影
AzureKinectとは Microsoftが製品開発するカメラデバイス カラーは720p~4Kまで Depth画像の取得も可能 IMUもついてるので加速度もとれる Body-Trackingもできる 9つのマイクアレイも搭載 使うと楽しくなるおもちゃ!
Depth画像 深度画像と呼ばれる カメラからの距離を画素で 示したもの ToFセンサによって取得可能 他にIntel RealSenseとか https://lightbuzz.com/azure-kinect-masterclass-depth/
制作について
制作進行 GitHub Projectsを使ってissue管理
ベロシティ 直前から初めて前々日から加速するのはやめよう!
VFX Graphのこだわり
制作の方針 - あまりコードを書かない - 演出処理の過度な共通化を避ける
演出の実装スピードを重視 見た目が大事な制作において 見た目のFBループを早くすることが大事 C#のコンパイル時間がもったいないので Scriptによる演出制御はなるべく避けた →インスペクタなどからシーン再生中にリアルタイムに設定値変更 処理の共通化はばらすのが大変 →スクラップアンドビルドしやすくしたい
なるべくポチポチ変更で対応する Unityのクリエイティブツールを使っていく VFX Graph! Cinemachineも導入してよかった
VFX Graph GPUベースでリッチなビジュアルエフェクトを作れる ノードベースツール 炎・煙・魔法・爆発などをリアルタイムで制御&表現可能 https://unity.com/ja/features/visual-effect-graph
(本資料は作りかけです)
続きはFigJam
None