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
20
フォークギター 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 8.0のアプデ情報を 軽率にキャッチアップ / catch-up-babylonjs-8
drumath2237
0
22
軽率に始まった Babylon.js勉強会運営の 1年間をふりかえって / look back babylonjs japan activity
drumath2237
0
44
利己的利他、 あるいは軽率2.0に備えよ。 / prepare-for-keisotsu-2.0
drumath2237
0
31
軽率にAndroidXRのJetpack SceneCoreを使って3Dモデルを表示してみる / androidxr-scenecore-3dmodels
drumath2237
0
78
あなたの知らないWebXR Device APIの話を軽率に / about-webxr-device-api-you-dont-know
drumath2237
0
14
UnJSを使って軽率にCLIを作ってみたらめちゃくちゃ便利だった / create CLI with UnJS
drumath2237
4
1.5k
create-babylon-appを軽率にアプデしたい / update create babylon app
drumath2237
1
1.8k
Babylon.js 7注目機能を 軽率にまとめてみる/whats-new-in-babylonjs-v7
drumath2237
1
390
軽率にVFX Graphと Compute Shaderを 組み合わせるテクニック/integrate-vfxgraph-and-compute-shader
drumath2237
1
510
Other Decks in Technology
See All in Technology
撤退危機からのピボット : 4年目エンジニアがリードする TypeScript で挑む事業復活 / crisis-to-pivot-4th-year-engineer-ts-relaunch
carta_engineering
2
610
Platform Engineering for Private Cloud
cote
PRO
1
180
トップエンジニアが語るDX最前線 / 20250517 Kazutoshi Ono & Ken Yamazaki
shift_evolve
0
350
Scale your Kotlin Multiplatform projects using dependency injection
vrallev
1
110
初参加のハノーバーメッセで感じた世界最大級イベントの熱気とAI活用の未来
hamadakoji
0
200
ゼロコードで実現! - OpenTelemetryとOCI APM Agentによる簡単アプリケーション監視 - / Zero-Code Observability with OpenTelemetry and OCI APM
oracle4engineer
PRO
1
160
Kent Beckの思想と学びの道筋 / 20250517 Ryutaro Yoshiba & Hiromitsu Akiba
shift_evolve
1
380
本番環境への影響リスクが低い Real Application Testing (SQL Performance Analyzer) の実施方法の検討と実践
jri_narita
0
240
OTel meets Wasm: プラグイン機構としてのWebAssemblyから見る次世代のObservability
lycorptech_jp
PRO
0
130
型がない世界に生まれ落ちて 〜TypeScript運用進化の歴史〜
narihara
1
170
Standard Schema: スキーマライブラリの統一企画とは何か
nozomuikuta
1
360
PandaCSSでつくる 型で守られたスタイリング基盤
dendaiman
1
320
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
Into the Great Unknown - MozCon
thekraken
38
1.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.7k
Designing for Performance
lara
608
69k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Fontdeck: Realign not Redesign
paulrobertlloyd
84
5.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Building Adaptive Systems
keathley
41
2.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
GitHub's CSS Performance
jonrohan
1031
460k
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